如何在jQuery Mobile中顯示之前設置頁面中選擇框的值？

Question

如何在jQuery Mobile中顯示之前設置頁面中選擇框的值。 我通常給

document.getElementById('RA_IF_inpVisible').value = visible;

在頁面上給出如下

<div data-role="fieldcontain">
     <label for="name">Visibility:</label>
     <select name="RA_IF_inpVisible" id="RA_IF_inpVisible">
            <option value="0">0</option>
            <option value="1">1</option>
     </select>
</div>
</fieldset>

如果變量為“ 1”，則它也僅顯示“ 0”作為默認值。

Answer 1

您需要使用.val()設置值，然后刷新選擇.val()以應用更改。

$(document).on("pagecontainerbeforeshow", function (e, data) {
  if ( data.toPage[0].id == "PageID" ) {
    $("#RA_IF_inpVisible", data.toPage).val(1).selectmenu("refresh");
  }
});

演示

Answer 2

如果我做對了，這應該對您有幫助：

 var e = document.getElementById('RA_IF_inpVisible'); //Value is the Value of your Page, so you need to set it in some way ;) var value = 1; var i=0; for (i;i<e.options.length; i++){ if(e.options[i].value==value){ e.options[i].selected = true; } } e.style.visibility = "visible"; 

 <div data-role="fieldcontain"> <label for="name">Visibility:</label> <select name="RA_IF_inpVisible" id="RA_IF_inpVisible"> <option value="0">0</option> <option value="1">1</option> </select> </div> 

該Javascript應該遍歷所有元素，並比較您應將其值設置為選項的值。 如果它們匹配，則將選擇選項。 之后，您的選擇將可見。