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);