js/jQuery select标签 获取值/option 选中事件

忘是亡心i 2021-09-16 06:16 717阅读 0赞

前言

  1. select标签是常规下拉菜单的第一选择  
  2. 常用的select标签形式
  4. <select id="test" name="">
  5.     <option value="1">标签01</option>
  6.     <option value="2">标签02</option>
  7. </select>

一：javascript原生获取值和文本

  1. **1、拿到select对象：**
  3. var myselect=document.getElementById("test");
  5. **2、拿到选中项的索引：**
  7. var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
  9. **3、拿到选中项options的value：**
  11. myselect.options[index].value;
  13. **4、拿到选中项options的text：**
  15. myselect.options[index].text;

二：jQuery方法

  1. var options=$("#test");  //获取选中的项
  2. var value = options.val();   //拿到选中项的值
  3. var text = options.text();   //拿到选中项的文本

三、javascript原生捕获iselect option监听事件

  1. 在select添加onchange事件
  3. <select name="" id=" " onchange="gradeChange()"></select>
  4. function gradeChange(){}

四、jQuery捕获iselect option监听事件

  1. $(" #test").change(function(){ 
  2.  });

发表评论

表情：
评论列表 （有 0 条评论，717人围观）

还没有评论，来说两句吧...

相关阅读