網頁

2017/9/9

jQuery 如何取得form表單中所有input文字輸入欄位的值

取得一個form表單中所有<input type="text">文字輸入欄的值的jQuery語法如下。

例如有兩個表單,id分別為my_form1my_form2

<form id="my_form1">
  姓名:<input type="text" id="name" value="肉豬"/>
  暱稱:<input type="text" id="age" value="菜鳥"/>
  性別:<select id="gender">
        <option value="male">男</option>
        <option value="female">女</option>
      </select>
</form>
<form id="my_form2">
  電話:<input type="text" id="phone" value="0912-345678"/>
  住址:<input type="text" id="address" value="台北市中正區重慶南路一段122號"/>
</form>
下面語法皆取得my_form1表單中的<input type="text">

$("input:text", "#my_form1"); // 或
$("#my_form1 input[type=text]"); // 或
$("#my_form1").find("input:text"); // 或
$("#my_form1 > input:text");

$("input:text", "#my_form1")的第二個參數"#my_form1"Selector Context,也就是要搜尋的DOM物件。

沒有留言:

張貼留言