JS常用的獲取值和設值的方法
阿新 • • 發佈:2018-11-07
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);