javascript - Html Dropdownlist built with jquery not working correctly -

-

i have following code dynamically build dropdown list on ie10 browser, depending on values retrieved database

function buildoption(container, namepreface, id, val, txt) {     var obj = $("<option />", { id : namepreface + id, value : val, text : txt});     $("#"+ container).append(obj);     return obj; }

here html generated, copied f12, dom explorer

<li>     <span class="div120ralgn inlineblock">         <label for="costcenter">cost center:</label>     </span>     <span class="editor-field-allw220">         <select id="costcenter">             <option id="costcenter_0" value="0"> </option>             <option id="costcenter_3" value="3">all</option>         </select>     </span> </li>

however first time click drop down arrow, empty box, isn't initialized.

enter image description here

when click on again, appears should

enter image description here

anybody have ideas going on , how fix it? problem consistent regardless of values , regardless number of options in list

this segment in in document ready function

$("#region").change(function (e) {     loadregionlocations(e.currenttarget); }); $("#location").change(function (e) {     loadlocationscostcenters(e.currenttarget); });

and these 2 methods called

function loadregionlocations(tar) {     $("#costcenter").empty();     $("#location").empty();     buildoption("location", "location_", 0, 0, ' ');     var selloc = searchargsforobjlst($(tar).val(), "regionid", "locationname", locationlst);     $.each(selloc, function (i, o) {         var c = buildoption("location", "location_", o.locationid, o.locationid, o.locationname);         c.data("regionid", o.regionid);     }); }   function loadlocationscostcenters(tar) {     $("#costcenter").empty();     buildoption("costcenter", "costcenter_", 0, 0, ' ');     var selcc = searchargsforobjlst($(tar).val(), "locationid", "costcentername", costcenterlst);     $.each(selcc, function (i, o) {         var c = buildoption("costcenter", "costcenter_", o.costcenterid, o.costcenterid, o.costcentername);         c.data("regionid", o.regionid);         c.data("locationid", o.locationid);     }); }

i might have found solution above problem. @ least added code below , far been working.

$.fn.redraw = function () { $(this).each(function () {     var redraw = this.offsetheight; });

};

then in methods build options, added call method, so

    function loadlocationscostcenters(tar) {     $("#costcenter").empty();     buildoption("costcenter", "costcenter_", 0, 0, ' ');     var selcc = searchargsforobjlst($(tar).val(), "locationid", "costcentername", costcenterlst);     $.each(selcc, function (i, o) {         var c = buildoption("costcenter", "costcenter_", o.costcenterid, o.costcenterid, o.costcentername);         c.data("regionid", o.regionid);         c.data("locationid", o.locationid);     });     **$("#costcenter").redraw();** }

Comments

Post a Comment

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

-
my test list<person> mylist; @test public void testisvalidperson() { mylist = new arraylist<person>(); mylist.add(new person("tom")); when(persondao.get(person)).thenreturn(mylist); when((persondao.get(person)).isempty()).thenreturn(false);//------exception thrown boolean result = service.isvalid("tom"); assertfalse(result); } method tested: public boolean isvalid(string person){ persondao = new persondao(); person personobj = new person(person); return (persondao.get(person).isempty())?false : true; } exception thrown: org.mockito.exceptions.misusing.wrongtypeofreturnvalue: boolean cannot returned get() get() should return list *** if you're unsure why you're getting above error read on. due nature of syntax above problem might occur because: 1. exception *might* occur in wrongly written multi-threaded tests. please refer mockito faq on limitations of concurrency testing. 2. sp
Read more

php - Magento - Deleted Base url key -

-
i working on cleaning url: http://mydomain.com/shop/shop/deals i going through settings in configuration tab in admin panel on magento , change secure , unsecure base urls remove first base url "shop" web page read: http://mydomain.com/shop/deals so changed unsecure base urls mydomain.com/shop mydomain.com , secure 12.345.67.89/shop 12.345.67.89. wrong thing do. i cannot reload page or admin console. how access these files through ftp , change correctly there?? when make changes in admin panel changes made in database not in file. have make changes in database. 1.go database , select core_config_data table under table find web/unsecure/base_url , web/secure/base_url . make changes here. don't forget clear cache in var/cache folder
Read more

android - How to disable Button if EditText is empty ? -

-
i have edittext , button in application. when button clicked,the text entered in edittext added listview. i want disable button if edittext empty.how ? this code button click imagebutton imb=(imagebutton)findviewbyid(r.id.btn_send); imb.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { edittext et = (edittext)findviewbyid(r.id.edittext1); string str = et.gettext().tostring(); web1.add(str); toast.maketext(shoutsingleprogram.this, "you entered...."+str, toast.length_short).show(); adapter1.notifydatasetchanged(); et.settext(""); } }); } how can ? edittext1.addtextchangedlistener(new textwatcher() { @override public void ontextchanged(charsequence s, int start, int before, in
Read more