使用 jquery 在下拉列表中选择特定选项答案

【问题标题】：selecting specfic options within a dropdown list with jquery使用 jquery 在下拉列表中选择特定选项
【发布时间】：2010-11-18 02:02:17
【问题描述】：

我希望能够在下拉列表中选择特定选项以进行操作。例如，

$("#mylist > option14").replaceWith(<option value="option155">New Option</option>

我该怎么做？通过child 选择器进行选择似乎不起作用。

谢谢。

【问题讨论】：

标签： jquery dom css-selectors

【解决方案1】：

$("#mylist option").each(function(){
  if($(this).val() == "option14"){
    $(this).replaceWith('<option value="option155">New Option</option>');
  }
});

或

$("#mylist option[value=option14]").replaceWith(
  '<option value="option155">New Option</option>'
);

【讨论】：

【解决方案2】：

你可以这样做：

$("select#mylist option[value='option14']").replaceWith('<option value="option155">New Option</option>');

试试下面的例子：

<html>
<head id="Head1" runat="server">

    <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <title></title>
    <script type="text/javascript">
        $(function()
        {
            $("select#mylist option[value='option14']").replaceWith('<option value="option155">New Option</option>');
        }); 

    </script>    
</head>
<body>
    <select id="mylist">
        <option value="option11">One</option>
        <option value="option12">Two</option>
        <option value="option13">Three</option>
        <option value="option14">Four</option>
    </select> 
</body>
</html>

【讨论】：