1. 程式人生 > >JS常用的獲取值和設值的方法

JS常用的獲取值和設值的方法

1. input 標籤
<input type="text" name="username" id="name"/>
1) 獲取input值的多種方法:
var name = document.getElementById("name");
var name = document.getElementsByName("username");
var name = $("#name").val();
var name = $("input[name='username']").val();

2) 設定input值的多種方法:
var name = $("#name").val("zhangsan");
var name = $("input[name='username']").val(
"zhangsan");


2. select 標籤
<select name="role" id="role" class="role">
<option></option>
</select>

1) 為select新增option選項
$("#role").find("select").append('<option>Creator</option>');

2) 獲取select選中的下標index
var index = $("#role option:selected").index();
var index = $("select[name='role'] option:selected").index();

3) 獲取select選中的值

var value = $("#role option:selected").val();
var value = $("select[name='role'] option:selected").val();

4) 設定預設選中select的某值
$("#role").find("option[index=2]").attr("selected",
true);