js 怎么动态设置 option 的selected 选项

2024-12-23 13:55:31

推荐回答（5个）

回答1：

通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码：

下面给出实例演示：

1、HTML结构

2、javascript代码

3、设置效果：如图设置选中项为2，点击按钮后“赵云”即被选中。

扩展资料：

selected 定义和用法

selected 属性规定在页面加载时预先选定该选项。

被预选的选项会显示在下拉列表最前面的位置。

也可以在页面加载后通过 JavaScript 设置 selected 属性。

参考资料：百度百科JS

回答2：

程序如下：

//动态展示元素

var showDynamic=function(){

var inputValue=document.getElementsByName("a")[0];

//注意，此处必须写一个合适的触发事件，onclick or onfocus，也可以被调用触发。

//但是，必须有触发事件。

inputValue.onclick=function(){

if(this.value!=""){

showResult(this.value);

}

};

//展示函数

var showResult=function(v){

var showLabel=document.getElementById("functioncode");

for(var i=0;i

if(showLabel[i].value==v){

showLabel[i].selected="selected";

}

};

//注册到window加载中

window.onload=showDynamic;

//如果使用jQuery，则更加简单。以下是jQuery的写法，使用哪一种，你自己根据情况而定。

$(document).ready(function(){

var inputValue=$("input[name='a']");

inputValue.click(function(){//或者focus事件

var that=$(this).val();

$("#functioncode").each(function(){

if($(this).val()==that){

$(this).attr("selected",true);

}

});

扩展资料：

思路：通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码：

obj = document.getElementById(select_id);

for(i=0;i

if(obj[i].value == something)

obj[i].selected = true;

}

下面给出实例演示：

1、HTML结构

回答3：

思路：通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码：

obj = document.getElementById(select_id);
for(i=0;i  if(obj[i].value == something)
    obj[i].selected = true;
}

下面给出实例演示：

1、HTML结构


	- 请选择 -
	关羽
	赵云
	马超
	黄忠
	张飞

2、javascript代码

function fun(){
	str = document.getElementById("sel_text").value;
	obj = document.getElementById("test");
	for(i=0;i		if(obj[i].value==str)
			obj[i].selected = true;
	}
}

3、设置效果：如图设置选中项为2，点击按钮后“赵云”即被选中

回答4：

//动态展示元素
var showDynamic=function(){
var inputValue=document.getElementsByName("a")[0];
//注意，此处必须写一个合适的触发事件，onclick or onfocus，也可以被调用触发。
//但是，必须有触发事件。
inputValue.onclick=function(){
if(this.value!=""){
showResult(this.value);
}
};
};
//展示函数
var showResult=function(v){
var showLabel=document.getElementById("functioncode");
for(var i=0;i if(showLabel[i].value==v){
showLabel[i].selected="selected";
}
}
};
//注册到window加载中
window.onload=showDynamic;

//如果使用jQuery，则更加简单。以下是jQuery的写法，使用哪一种，你自己根据情况而定。
$(document).ready(function(){
var inputValue=$("input[name='a']");
inputValue.click(function(){//或者focus事件
var that=$(this).val();
$("#functioncode").each(function(){
if($(this).val()==that){
$(this).attr("selected",true);
}
});
});
});

回答5：

// 获取 input name="a"
// 因为你给出的代码没有 id，没有 class，这里假设页面只有一个 name=a 的元素
var a = document.getElementsByName("a")[0];

// 获取 ID 为 functioncode 的 select 下面所有的 option
var options = document.getElementById("functioncode").options;

// 循环
for(var i = 0; i < options.length; i++) {
// 如果此 option 的 value 等于 a 的 value
if(options[i].value == a.value) {
// 设置此 option 的 selected 属性
options[i].selected = true;
}
}