Question

select标签下option标签里value属性有什么用以及和text的区别

Answer 1

1：value的用处
<select >
<option value = "A">B</option>
</select>
其中“A”“B”有何区别，各自代表什么意思？
答案：
B是显示在网页上的内容
A是实际传给后台表单处理程序
比如
<select >
<option value = "class1">际传给后台表单处理程序</option>
</select>
在网页上显示”际传给后台表单处理程序”
传给后台程序就是class1了
这样做的好处:
1.减少表单传输数据,可能避免了一些中文编码问题
2.如果以后想改显示内容,不用修改后台程序
2：value和text的区别
如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值.
例如:
<option value="apple">苹果</option>
则value的值为”apple”,text的值为”苹果”.
在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:
someSelect.options[someSelect.selectedIndex].value

Answer 2

1：value的用处
<select >
<option value = "A">B</option>
</select>
其中“A”“B”有何区别，各自代表什么意思？
答案：
B是显示在网页上的内容
A是实际传给后台表单处理程序
比如
<select >
<option value = "class1">际传给后台表单处理程序</option>
</select>
在网页上显示”际传给后台表单处理程序”
传给后台程序就是class1了
这样做的好处:
1.减少表单传输数据,可能避免了一些中文编码问题
2.如果以后想改显示内容,不用修改后台程序
2：value和text的区别
如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值.
例如:
<option value="apple">苹果</option>
则value的值为”apple”,text的值为”苹果”.
在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:
someSelect.options[someSelect.selectedIndex].value

Answer 3

一：JavaScript原生的方法

1:拿到select对象： var myselect=document.getElementById(“test”);

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

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

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

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

1:var options=$(“#test option:selected”); //获取选中的项

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

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