Question

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

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

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

感谢。

Answer 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>'
);

Answer 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>

使用jquery在下拉列表中选择specfic选项

2 个答案: