廢話不多說，
馬上來看原始碼：

設定：

<HTML>

    <form name="testForm" >  <!-- 其他屬性(attribute)請自行添加. -->
        <input value="2" type="hidden" name="pageIndex" />
        
        <select name="pageIndexA" >
            <option value="1" selected >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </form>

    <script> SetPage( document.forms['testForm'] ); </script>
    
</HTML>

 

function SetPage( form ) {
    var userSelectedVal = form.elements['pageIndex'].value ;  
    
    var selector = form.elements['pageIndexA'] ;
    var opts = selector.options;
    for ( var opt, j=0; j<opts.length ; j++ ) {
        opt = opts[j];
        if ( opt.value == userSelectedVal ) {
            selector.selectedIndex = j;
            break;
        }
    } // for
} // SetPage()

 

參考資料：Changing the selected option of an HTML Select element

 

取得：

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>

 

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

 

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

 

參考資料：Get selected value in dropdown list using JavaScript?

 

arrow
arrow
    文章標籤
    code JavaScript HTML select option element
    全站熱搜

    Robert 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄