UC知道javascript 如何防止select option中option的重复添加
来源：百度知道 编辑：UC知道 时间：2024/06/09 11:05:14
HTML code <html> <head></head> <body>
<script language="javascript">
function addOption(obj,name,value,check)
{ var option = document.createElement("option");
option.text = name; option.value = value;
document.getElementById(obj).add(option);
var xx=document.getElementById(obj).options.length;
document.getElementById(obj).options[xx-1].selected=check; }
</script>
<select name="select1" id="select1">
<option value='1'>张三</option> <option value='2'>李四</option>
</select>
<input type="button" value="添加" onClick="addOption('select1','王五1','3',true)">
</body> </html>
javascript 如何防止select option中option的重复添加
<script language="javascript">
function addOption(obj,name,value,check)
{ var option = document.createElement("option");
option.text = name; option.value = value;
document.getElementById(obj).add(option);
var xx=document.getElementById(obj).options.length;
document.getElementById(obj).options[xx-1].selected=check; }
</script>
<select name="select1" id="select1">
<option value='1'>张三</option> <option value='2'>李四</option>
</select>
<input type="button" value="添加" onClick="addOption('select1','王五1','3',true)">
</body> </html>
javascript 如何防止select option中option的重复添加
自己加一个语句判断一下就行了....把script里面获取长度的放在第一行..这样好判断点
代码如下:
<html>
<head></head>
<body>
<script language="javascript">
function addOption(obj,name,value,check){
//获取长度...
var xx=document.getElementById(obj).options.length;
//循环查看是否存在这样的值...
for(var i=0;i<xx;i++){
if(document.getElementById(obj).options[i].text==name && document.getElementById
(obj).options[i].value==value){
//如果存在则retuanfalse...程序就此停止..
return false;
}
}
// 如果不存在...则长度加1...
xx++;
//创建option..
var option = document.createElement("option");
//传递付值..
option.text = name;
option.value = value;
//添加
document.get