動態運行時如何選擇下拉菜單

Question

我的html代碼。

<input type="button" onClick="show($row['empDesignation']?>');" value="update"/>

因此，當我單擊更新按鈕m並將值傳遞給javascript時

 <script type="text/javascript">
   function show(desig){
    document.getElementById("designation").value=desig;
    }
    </script>

所以我希望傳遞給javacript的值在下拉列表中首先列出

PHP代碼

<select id="designation" name="designation"> 
     <? while($role=mysql_fetch_array($sql_role)){    ?>
         <option value="<?=$role['id']?>"><?=$role['id']?></option>
    <? } ?></select>

Answer 1

<option value="<?php echo $role['id']?>"><?php echo  $role['id']?></option>

Answer 2

您可以按照以下算法進行操作；

獲取整個選擇選項，然后將其放入數組中從selectbox中刪除所有選項將show功能中獲得的第一個選項放到數組中，然后將其余的數組填充到selectbox中。

您可以在下面看到一個示例；

  function show(desig) {
    var arr = [];
    var list = document.getElementById("designation");
    for (var i = 0; i < list.options.length; i++) {
    arr.push(list.options[i]);
    } 

    // Delete all options from selectbox
    list.options.length = 0;

    // create first option
    var opt = document.createElement('option');
    opt.innerHTML = desig;
    opt.value = desig;
    list.appendChild(opt);


    for (var j in arr) {
    if (arr[j].value !== desig) {
    var opt = document.createElement('option');
    opt.innerHTML = arr[j].text;
    opt.value = arr[j].value;
    list.appendChild(opt);
    }
    }
}

您可以在此處查看工作演示： http : //jsfiddle.net/rZmgY/1/