如何获取和设置HTML文档中select元素的选中项_框架

在HTML页面中，获取当前select元素中所选中的那个值和显示值。

<tr>

</select>

</td>

</tr>

function on_idmbzd_change(){

var sel_obj = documentgetElementByIdx("idMbzd ")；

var index = sel_objselectedIndex;

alert(sel_objoptions[index]value);

alert(sel_objoptions[index]text);

}

</script>

设置select元素的选中项：

通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

< select id = "sel" >

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

< option value = "2" selected = "selected" >2</ option >

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

</ select >

扩展资料

超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。

HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。

参考资料来源：百度百科-HTML

那么这个select所有option的集合是：var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合，那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值（和名称）的方式也很简单。比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。

有时候我们需要在一个Select中传递两个有关联但不同的值，比如你的这个情况。这时候要利用到Option的另一个不常用属性Name，用Name来存储第二个值，然后在onchange事件中分别用thisoptions[thisselectedIndex]name来调用这个值。

全12333

全12321

全123123

在你的程序里，把

之间的内容作为name属性写出来，然后定义一个隐藏的input——optt，再定义好onchange事件，就可以同时获取到value和name两个值了。

给你个示例，如下：获取下拉列表选中项的值和文本(select)//获取下拉列表选中项的文本functiongetSelectedText(name){varobj=documentgetElementByIdx(name);for(i=0;i

以上就是关于如何获取和设置HTML文档中select元素的选中项全部的内容，包括:如何获取和设置HTML文档中select元素的选中项、如何获取select的option的value值、如何获取select的option的selected的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9612155.html

如何获取和设置HTML文档中select元素的选中项

发表评论

评论列表（0条）