select 经常使用,但是不熟练。做一个记录。
select 设置值
<script src="js/jquery-3.2.1.min.js"></script>
<select name="time">
<option value="1">星期一</option>
<option value="2">星期二</option>
<option value="3">星期三</option>
</select>
- 直接设置
option
的值
$("select").val(2);
- 根据 option 的下标设置值
$("select option")[1].selected = true;
- 根据 option 的内容设置值
$("select").find("option:contains('three')").attr("selected",true);
// 这里我就想多说一句了,网络上有很多的答案如下
$("select").find("option[text='three']").attr("selected",true);
// 我能说我校验过了,不能设置值么。这是错误的答案。
select 获取选择的值
// 获取当前选中的 option 的 value 值
$("select").val();
// 根据 option 下标获取值 option 的 text 值
$("select option:eq(2)").text();
// 获取选中的 option 的 text 值
$("select").find("option:selected").text();
其它的操作
$("select").get(0).selectedIndex; // 获取当前选中 option 的下标。
$("select option:last").index(); // 获取 option 选项总数