JQM從表單選項獲取值

Question

我有一些基本的HTML ie;

<select id="list1"> 
     <option value="1">Item1</option> 
     <option value="2" selected="selected" >Item2</option> 
    </select> 
    <select id="list2"> 
     <option value="3">Item3</option> 
     <option value="4">Item4</option> 
    </select> 

默認情況下，我有＃列表2隱藏在一個變化＃列表1到期權價值2這樣表示...

$('#list2').hide(); 

    $('#list1').on('change', function() { 
    if ($(this).val() == '2') { 
     $('#list2').parent('div').hide(); 
    } else { 
     $('#list2').parent('div').show(); 
    } 
    }); 

什麼我不知道，是我怎麼顯示列表2如果動態SELECTED值在頁面加載時爲「2」。即不是在一個事件之後，而是在一個之前。

在此先感謝您的任何幫助/建議。 什麼我不知道，是我怎麼能

Answer 1

您可以在頁面加載

$("#list1").trigger("change"); 

Answer 2

觸發更改事件工作例如：http://jsfiddle.net/Gajotres/uX3NL/

幾件事情要注意，數據角色=「無「被添加到第二選擇。即使display設置爲none，它也會阻止jQuery mobile顯示它。這就是爲什麼我刪除該屬性，然後顯示select和restyling功能selectmenu。

的Javascript：

$(document).on('pagebeforeshow', '#index', function(){  
    if($('#list1').find(":selected").val() == 2) { 
     $('#list2').removeAttr('data-role').show().selectmenu(); 
    } 
}); 

CSS：

#list2 { 
    display: none; 
} 

HTML：

<div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#second" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 
      <select id="list1"> 
       <option value="1">Item1</option> 
       <option value="2" selected="selected">Item2</option> 
      </select> 
      <select id="list2" data-role="none"> 
       <option value="3">Item3</option> 
       <option value="4">Item4</option> 
      </select> 
     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 

Answer 3

我用下面得到它WOR ķ。 $（'＃list2'）。hide（）;

var selVal = $("#vlist1 :selected").val() ; 

    if (selVal == 2) { 

    $('#list2').show();