使用jquery在下拉列表中选择特定选项_Jquery_Dom_Css Selectors

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

jquery dom

使用jquery在下拉列表中选择特定选项,jquery,dom,css-selectors,Jquery,Dom,Css Selectors,我希望能够在下拉列表中选择一个特定选项，以便对其进行操作。比如说, $("#mylist > option14").replaceWith(<option value="option155">New Option</option> $（“#mylist>选项14”）。替换为（新选项我该怎么做？通过子项选择器进行选择似乎不起作用谢谢。$（“mylist选项”）。每个（函数（）{ $("#mylist option").each(function(){

我希望能够在下拉列表中选择一个特定选项，以便对其进行操作。比如说,

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

$（“#mylist>选项14”）。替换为（新选项

我该怎么做？通过

子项

选择器进行选择似乎不起作用

谢谢。

$（“mylist选项”）。每个（函数（）{
$("#mylist option").each(function(){
  if($(this).val() == "option14"){
    $(this).replaceWith('<option value="option155">New Option</option>');
  }
});

如果（$（this.val（）==“option14”）{
$（此）.replacetwith（'newoption'）；
}
});

或

$（“#mylist option[value=option14]”）。替换为(
“新选项”
);

您可以使用：

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

$（“选择#mylist选项[value='option14']”）。替换为（'New 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>


$（函数（）
{
$（“选择#mylist选项[value='option14']”）。替换为（'New 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>