Javascript 如果不存在具有该值的选项，请设置“选择”字段的选定值

如果选择框存在，我想设置它的选定值；如果不存在，我想将它添加到选择框中

我该怎么做

我有：

<select id="abc" name="abc">
</select>

之后：

<select id="abc" name="abc">
<option value="123" selected>
</select>

您可以附加元素

var html = '<option value="123">123</option>';
jQuery("#abc").append(html);

var html='123'；
jQuery（“#abc”）.append（html）；

您可以附加元素

var html = '<option value="123">123</option>';
jQuery("#abc").append(html);

var html='123'；
jQuery（“#abc”）.append（html）；

首先，您可以使用jQuery

append

方法将任何html元素添加到页面中。在这种情况下，您可能需要附加一个

选项

元素。所以，您首先需要检查该选项是否存在。如果没有，则需要将其附加到

元素中，选择
元素。在这两种情况下（无论是否存在），都可以使用
val（）
方法将值设置为所选值：
$（文档）.ready（函数（）{
选择123（）；
});//文件准备就绪
函数select123（）
{
如果（！$（“#abc选项[value=123]”）。长度）
{
$（“#abc”）。追加（'123'）；
}
美元(abc).val(123);；
}//选择123
首先，您可以使用jQuery
append
方法将任何html元素添加到页面中。在这种情况下，您可能需要附加一个
选项
元素。所以，您首先需要检查该选项是否存在。如果没有，则需要将其附加到
元素中，选择
元素。在这两种情况下（无论是否存在），都可以使用
val（）
方法将值设置为所选值：
$（文档）.ready（函数（）{
选择123（）；
});//文件准备就绪
函数select123（）
{
如果（！$（“#abc选项[value=123]”）。长度）
{
$（“#abc”）。追加（'123'）；
}
美元(abc).val(123);；
}//选择123

var valueExists=$（“#abc选项[value=123]”）；
如果（！valueExists）{
（“abc”）.append（'123'））
}
美元（“#abc期权[value=123]”）

将返回空数组，该数组被求值为“
”
，因此它为false，否则返回的html集合对象数组为“
var valueExists=$”（“#abc option[value=123]”）；
如果（！valueExists）{
（“abc”）.append（'123'））
}
美元（“#abc期权[value=123]”）

将返回空数组，该数组被求值为“
”
，因此该数组为false，否则返回的html集合对象数组将是
下面的代码如何

if($('#abc option[value=' + testValue + ']').length === 0) {
    $('#abc').append('<option value="' + testValue + '">' + testValue + '</option>');
}

if（$（'#abc选项[value='+testValue+']）。长度===0）{
$（'#abc'）。追加（''+testValue+''）；
}
下面的代码怎么样

if($('#abc option[value=' + testValue + ']').length === 0) {
    $('#abc').append('<option value="' + testValue + '">' + testValue + '</option>');
}

if（$（'#abc选项[value='+testValue+']）。长度===0）{
$（'#abc'）。追加（''+testValue+''）；
}
使用
$（“#abc option[value='123']”）检查该值是否存在。长度>0
如果不存在，请追加


$（函数（）{
var val='1234'；
如果（$（“#abc选项[value='123']”）。长度>0）{
警报（“存在”）
}
否则{
var s=''+val+''；
$（'abc'）。追加；
}
})
使用
$（“#abc option[value='123']”）检查该值是否存在。长度>0
如果不存在，请追加


$（函数（）{
var val='1234'；
如果（$（“#abc选项[value='123']”）。长度>0）{
警报（“存在”）
}
否则{
var s=''+val+''；
$（'abc'）。追加；
}
})
下面的代码可以帮助您启动

如果该值已存在，则将其设置为所选选项
否则将该值附加到下拉列表中
场景1：下拉列表中已存在值。所以只需选择它。


$（函数（）{
var val='1'；
var=false；
$（“#abc选项”）。每个（函数（）{
if（this.value==val）{
$（'abc'）.val（val）；
存在=真；
返回false；
}
});
if（exists==false）{
$（'#abc'）。附加（''+val+''）；
}
});

1.
2.
下面的代码可以帮助您启动

如果该值已存在，则将其设置为所选选项
否则将该值附加到下拉列表中
场景1：下拉列表中已存在值。所以只需选择它。


$（函数（）{
var val='1'；
var=false；
$（“#abc选项”）。每个（函数（）{
if（this.value==val）{
$（'abc'）.val（val）；
存在=真；
返回false；
}
});
if（exists==false）{
$（'#abc'）。附加（''+val+''）；
}
});

1.
2.
$（'abc'）。追加（'123'）
$（'abc'）。追加（'123'）你不知道；'不需要检查长度属性I如果没有找到元素，它将返回[]，并将其求值为“”false@RIYAJKHAN好的，看起来好多了，但我不确定。我一直在使用
.length
检查页面上是否存在某些元素。我现在就照你的建议去做。谢谢：）你可以试试这个<代码>[].toString（）
在您的控制台上。您不需要；'不需要检查长度属性I如果没有找到元素，它将返回[]，并将其求值为“”false@RIYAJKHAN好的，看起来好多了，但我不确定。我一直在使用
.length
检查页面上是否存在某些元素。我现在就照你的建议去做。谢谢：）你可以试试这个<代码>[].toString（）
在控制台上。