select标签下option标签里value属…

1：value的用处

<<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">select >
<<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">option value = "A">B</<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">option>
</<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">select>

• 1
• 2
• 3

• 1
• 2
• 3

其中“A”“B”有何区别，各自代表什么意思？

答案：

B是显示在网页上的内容 
A是实际传给后台表单处理程序 
比如

<<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">select >
    <<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">option value = "class1">际传给后台表单处理程序</<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">option>
</<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">select>

• 1
• 2
• 3

• 1
• 2
• 3

在网页上显示”际传给后台表单处理程序” 
传给后台程序就是class1了 
这样做的好处: 
1.减少表单传输数据,可能避免了一些中文编码问题 
2.如果以后想改显示内容,不用修改后台程序

---

2：value和text的区别

如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值.

---

例如:

 <<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">option value="apple">苹果</<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">option>

• 1

• 1

则value的值为”apple”,text的值为”苹果”.

---

在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:

someSelect.options[someSelect.selectedIndex].value

• 1

• 1

这种代码经常可以看到,就是考虑了浏览器的向前兼容性.