Js如何获得表单元素的输入的值

一、获得input输入的值

 var val = document.querySelector("input");
 val.value;//获得input输入的值

二、获得textarea输入的值

 var val = document.querySelector("textarea");
 val.value;//获得textarea输入的值

三、获得select下拉列表被选中的value值

<select id="city">
        <option value="nj">南京</option>
        <option value="sh">上海</option>
        <option value="bj">北京</option>
</select>

 var mySelect=document.querySelector("select#city");
 mySelect.value;

四、获得select下拉列表被选中option 标签中间的文本

使用Js

1:获得select对象：
var mySelect=document.querySelector(“select#city”);

2:获得选中项的索引：
var mySelectInx=myselect.selectedIndex ; // selectedIndex是所选中项的index

3:获得选中项的value或text：
mySelect.options[mySelectInx].value;
或
mySelect.options[mySelectInx].text;

4:获得选中项的其他值，比如data-number： mySelect.options[mySelectInx].getAttribute(‘data-number’);

使用Jquery

1:获取选中项: var myOptions=$("#city option:selected");

2:获取选中项的值或文本: myOptions.val(); 或myOptions.text();

3:获取选中项的data-number属性值: myOptions.attr(‘data-number’);