Question

我想知道是否可以使用jquery将HTML下拉菜单设置为与给定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标记无效，td未包含在任何table内，并且您错过了关闭</option>标记，请更改为：

<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

将下拉值设置为给定的ID

1 个答案: