美文网首页
获取下拉框的值

获取下拉框的值

作者: Apple_Boy | 来源:发表于2019-06-27 20:57 被阅读0次

    分别使用javascript原生的方法和jquery方法

    <select id="test"  name=""> 

      <option  value="1">text1</option> 

      <option  value="2">text2</option> 

    </select>

    code:

    一: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());  //拿到选中项的文本

    var obj=document.getElementById("AreaId");

    Obj.length就是选项的个数

    相关文章

      网友评论

          本文标题:获取下拉框的值

          本文链接:https://www.haomeiwen.com/subject/pvjatqtx.html