选择中的 HTML 第一个选项不是在 Jquery mobile 页面上呈现所选项目？

Posted 2023-05-08

【中文标题】选择中的 HTML 第一个选项不是在 Jquery mobile 页面上呈现所选项目？

【英文标题】：HTML 1st option in select is not render selected item on page Jquery mobile?

【发布时间】：2013-12-20 00:55:23

【问题描述】：

当我将 json 绑定到 html 选择时，我遇到了 html 选择问题，当我第一次加载页面时，它不会在网页上显示第一项

HTML

 <div data-role="collapsible-set" id="poset">
<div data-role="collapsible" data-collapsed="false">
<h3>OP Select</h3>
<div class="ui-grid-b">
   <div class="ui-block-a">
      <div style="padding-top: 15px;">Vendor #</div>
   </div>
   <div class="ui-block-b">
      <select id="vendorno">
      </select>
   </div>
   <div class="ui-block-c">
      <button type="submit" id="chooseVendor">Select</button>
   </div>
</div>
<div class="ui-grid-b" id="poGrid">
   <div class="ui-block-a">
      <div style="padding-top: 15px;">PO #</div>
   </div>
   <div class="ui-block-b">
      <select id="POno">
      </select>
   </div>
   <div class="ui-block-c">
      <button type="submit" id="choosePONum">Select</button>
   </div>
</div>

javascript

$('#poGrid').hide();
$('#poInfos').hide();
var rootURLgetVendornosList = "webresources/vendors/getVendornosList";
//var rootURLgetVendornosList = "http://:8080/Info5059Case2v-war/webresources/vendors/getVendornosList";


$.getJSON(rootURLgetVendornosList,null,function(data,status,jqXHR)
        renderVendorList(data);
    ).error(function(jqXHR,textStatus,errorThrown)
        console.log(textStatus+"-"+errorThrown);
    );
//bind select #vendorno
function renderVendorList(data)

    $(data).each(function()
        $('#vendorno').append("<option>"+ this +"</option>");
    );





var rootURL3 = "webresources/PO/";
//var rootURL3 = "http://:8080/Info5059Case2v-war/webresources/PO/";


//bind select op select 
 $("#chooseVendor").click(function()
    $.getJSON(rootURL3 + "getALLPOForVendor/" + $('#vendorno').val(),null,function(data,status,jqXHR)
        renderPOList(data);
    ).error(function(jqXHR,textStatus,errorThrown)
        console.log(textStatus+"-"+errorThrown);
    );

);//chooseVendor
//bind select POno
function renderPOList(data)

        $(data).each(function()
        $('#POno').append("<option>"+ this.ponumber +"</option>");
    );
     $('#poGrid').show();

【问题讨论】：

.selectmenu("refresh"); 添加选项后

好的，你能把它作为回答给你点吗？？

【参考方案1】：

将项目附加到选择菜单后，您需要重新增强/重新应用 JQM 样式。对于选择菜单，请调用以下代码。

$(".selector").selectmenu("refresh");

参考：Selectmenu widget API