现在的位置: 首页 > web前端 > 正文

optionvalue的作用

2020年07月20日 web前端 ⁄ 共 868字 ⁄ 字号 评论关闭

  HTML<option>标签的value属性,value属性规定在表单被提交时被发送到服务器的值。<option>与<option/>之间的值是浏览器显示在下拉列表中的内容,而value属性中的值是表单被提交时被发送到服务器的值。注释:如果没有指定value属性,选项的值将设置为<option>标签中的内容。


  optionvalue的用处


  <select>


  <optionvalue="A">B</option>


  </select>


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


  答案:


  B是显示在网页上的内容


  A是实际传给后台表单处理程序


  比如


  <select>


     <optionvalue="class1">际传给后台表单处理程序</option>


  </select>


  在网页上显示”际传给后台表单处理程序”


  传给后台程序就是class1了


  这样做的好处:


  1.减少表单传输数据,可能避免了一些中文编码问题


  2.如果以后想改显示内容,不用修改后台程序


  optionvalue和text的区别


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


  例如:


   <optionvalue="apple">苹果</option>


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


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


  someSelect.options[someSelect.selectedIndex].value


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


  总之,optionvalue给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.