jsoption选中

A. js怎么获取当前被选中的option值

/*遍历选中的option*/
$("#id option:selected").each(function(i){
$(this).val();/*获取选中的option值*/
$(this).attr("selected",false);/*将选中的option设置为未选中状态*/
});

B. 如何用JS选中下拉框选项

1、打开vscode，创建一个H5规范的页面，用于演示js如何给下拉框设置默认值。

C. 如何通过js动态设置select中option选中

<selectname="menu"id="menu">
<optionid="1">111</option>//111是显示给用户的信息
<optionid="2">222</option>
<optionid="3">333</option>
<optionid="4">444</option>
<optionid="5">555</option>
</select>
<scripttype="text/javascript">
functiondisplay(optionID){
varall_options=document.getElementById("menu").options;
for(i=0;i<all_options.length;i++){
if(all_options[i].id==optionID)//根据option标签的ID来进行判断测试的版代码这里是两权个等号
{
all_options[i].selected=true;
}
}
};
display("4");
</script>

D. 怎样用JS给，option添加“选中”属性

用自己的想法去做是最好的，这还是一个良好的程序员。
你这种办法是可以实现的，设置回option.selected = true;
页面刷新答后，你可以用状态保存选中状态，也可以在地址栏保存选中状态，然后遍历所有的选项，然后设置某个选项的selected = true;
asp.net中页面刷新是会自动保存选中状态的。

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

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

(5)jsoption选中扩展阅读：

selected定义和用法

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

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

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

F. 如何使用js获取select中选中的option的value值

现在有一id=test的下拉框，怎么拿到选中的那个值呢？

分别使用javascript原生的方法和jquery方法

<selectid="test"name="">
<optionvalue="1">text1</option>
<optionvalue="2">text2</option>
</select>

code:

一：javascript原生的方法

1:拿到select对象：varmyselect=document.getElementById("test");

2：拿到选中项的索引：varindex=myselect.selectedIndex;//selectedIndex代表的是你所选中项的index

3:拿到选中项options的value：myselect.options[index].value;

4:拿到选中项options的text：myselect.options[index].text;

二：jquery方法（前提是已经加载了jquery库）

1:varoptions=$("#testoption:selected");//获取选中的项

2:alert(options.val());//拿到选中项的值

3:alert(options.text());//拿到选中项的文本

G. 如何在js中下拉列表选中某个值

<select name="r_house" id="r_house">

<option value="选项1">选项1</option>

<option value="选项2" selected>选项2</option><!--如果想直接在html中选定某项，给该项加个selected属性即可，不需要编程-->

<option value="选项3">选项3</option>

<option value="选项4">选项4</option>

<option value="选项5">选项5</option>

<option value="选项6">选项6</option>

</select>

<script>

window.onload=function(){

//如果一定要js代码实现，可以这样：

//方法一（假定选定第3项，下同）：

r_house.value="选项3";

//方法二：

r_house.options[2].selected=true;

//方法三：

r_house.children[2].selected=true;

//方法四：

r_house.getElementsByTagName("option")[2].selected=true;

//方法五：

r_house.querySelectorAll("option")[2].selected=true;

//还有N多种方法此略

}

</script>