`
jandroid
  • 浏览: 1954843 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

下拉列表取值的小技巧

 
阅读更多
Code:
  1. <html>
  2. <head><title>获取下拉列表选中项的值和文本(select)</title></head>
  3. <body>
  4. <script>
  6. //获取下拉列表选中项的文本
  7. functiongetSelectedText(name){
  8. varobj=document.getElementById(name);
  9. for(i=0;i<obj.length;i++){
  10. if(obj[i].selected==true){
  11. returnobj[i].innerText;//关键是通过option对象的innerText属性获取到选项文本
  12. }
  13. }
  14. }
  16. //获取下拉列表选中项的值
  17. functiongetSelectedValue(name){
  18. varobj=document.getElementById(name);
  19. returnobj.value;//如此简单，直接用其对象的value属性便可获取到
  20. }
  22. </script>
  23. <selectid="myselect">
  24. <optionvalue="fist">1</option>
  25. <optionvalue="second">2</option>
  26. <optionvalue="third">3</option>
  27. </select>
  29. <inputtype="button"value="所选文本"onclick="alert(getSelectedText('myselect'));"/>
  30. <inputtype="button"value="所选值"onclick="alert(getSelectedValue('myselect'));"/>
  31. </body>
  32. </html>
  33. IE6中获取下拉列表选中项的值
  34. <script>
  35. functionu()
  36. {
  37. var_select=document.getElementById("ss")
  38. varjj=_select.options[_select.selectedIndex].value;
  39. document.write(jj);
  40. }
  41. 直接用一下这种方式，可能会有问题的
  42. //获取下拉列表选中项的值
  43. functiongetSelectedValue(name){
  44. varobj=document.getElementById(name);
  45. returnobj.value;//如此简单，直接用其对象的value属性便可获取到
  46. }
  48. </script>

分享到：
| 互联网产品的灰度发布
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    vue+layui实现select动态加载后台数据的例子

    通过这篇文档，我们可以了解到如何在Vue.js项目中结合Layui的表单组件来实现select的动态加载，并通过一些编程技巧解决前后端渲染时间差的问题。此外，还学习到如何使用axios来处理HTTP请求，并利用Vue的生命周期...

    VB编程计算机考试题.pdf

    ### VB编程计算机考试知识点解析 #### 一、基础概念与属性 1. **TextBox对象的属性**： - **知识点**：TextBox控件是Visual Basic中用于输入文本的... - **描述**：列表框ListCount属性用于返回列表框中项目的总数。 ...

    VB编程计算机考试题可用.pdf

    - **描述**：当列表框中的项目较多、超过了列表框的长度时，系统会自动在列表框边上加一个滚动条。 - **解释**：列表框(ListBox)控件会根据内容自动显示滚动条，以便用户可以滚动查看所有的项目。 11. **面向对象...

    vb控件属性大全

    - **Style**: 组合框的风格，包括下拉式和简单文本输入两种。 - **Text**: 当前显示的文本。 #### 九、列表框控件（ListBox）的常用属性 - **List**: 存储列表框中所有项的列表。 - **ListIndex**: 当前选定项目的...

Magicbox
Global site tag (gtag.js) - Google Analytics