Js如何獲得表單元素的輸入的值

2021-10-02 18:39:13 字數 1276 閱讀 5385

var val = document.

queryselector

("input");

val.value;

//獲得input輸入的值

var val = document.

queryselector

("textarea");

val.value;

//獲得textarea輸入的值

"city"

>

"nj"

>南京<

/option>

"sh"

>上海<

/option>

"bj"

>北京<

/option>

<

/select>

var myselect=document.

queryselector

("select#city");

myselect.value;

使用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』);

表單元素與js的互動

一 關於焦點的事件 1.獲取焦點 onfocus 2.失去焦點 onblur 二 關於值的變化 1.onchange事件 當前元素失去焦點並且元素的內容發生改變而觸發此事件 2.實時監測值得變化 試想,沒有測試過 1 獲取到輸入元素,用鍵盤的onkeydown 事件實時監測 值得的變化 2 當輸入元...

jQuery獲取form表單元素的值

jquery如何 取得text,areatext,radio,checkbox,select的值,以及其他一些操作 假如我們有如下頁面 在此不寫出來了 下面來看怎麼取得form中的各種值等等 function get form value 3.另外對表單的其他處理 控制表單元素 文字框,文字區域 t...

jQuery獲取form表單元素的值

jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作 假如我們有如下頁面 下面來看怎麼取得form中的各種值等等 function get form value 3.另外對表單的其他處理 控制表單元素 文字框,文字區域 text id at...