将下拉值设置为给定的ID

Question

我想知道是否可以将HTML下拉菜单设置为使用jquery匹配给定ID的选项。我需要这个来编辑一些数据。

<td id="4" class="d" > IT Department </td> 

<select id="department"> 
    <option value="1">Admin</option> 
    <option value="2">Sales</option> 
    <option value="3">HR</option> 
    <option value="4">IT</option> 
</select> 

jQuery中：

$(".d").click(function(){ 
    var depid = $(this).attr('id'); // get the id of the department 
    $("#department").val(depid); // make the IT option of the menu selected 
}); 

我希望我很好理解。任何帮助是极大的赞赏！

Answer 1

您有无效的HTML标记，因为你错过了结束</option>标签，更改为这是你td没有任何table内包装，以及：

<table> 
    <tr> 
     <td id="4" class="d" > 
      IT Department 
     </td>  
    </tr> 
</table> 

<select id="department"> 
    <option value="1">Admin</option> 
    <option value="2">Sales</option> 
    <option value="3">HR</option> 
    <option value="4">IT</option> 
</select> 

那么你可以使用：

$(".d").click(function(){ 
    var depid = $(this).attr('id'); // get the id of the department 
    $("#department").val(depid); // make the IT option of the menu selected 
}); 

Fiddle Demo