jQuery设置select的选中值

比如 <select id="testSelect"></select>

设置 value 为 test 的项选中

$("#testSelect").val("test");

设置 text 为 test 的项选中

$("#testSelect").find("option[text='test']").attr("selected", true);

example 1

<html>
<head><script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script>function sel() {document.getElementById("show_index").innerHTML = $("#testSelect").get(0).selectedIndex;document.getElementById("show_all_text").innerHTML = $("#testSelect").text(); // 获取所有的文本document.getElementById("show_text").innerHTML = $("#testSelect option:selected").text(); // 获取选中的选项的文本document.getElementById("show_value").innerHTML = $("#testSelect").val();if ($("#op_3").is(":checked")) {document.getElementById("show_isSelected").innerHTML = "选中了";} else {document.getElementById("show_isSelected").innerHTML = "没选中";}$("#testSelect").aped("<option value="+op_5+">"+推荐系统+"<option>");}function set() {$("#testSelect").val(""); //设置value为空的项为选中状态sel();}</script>
</head>
<body><button onclick="set()">测试</button><select id="testSelect" onchange="sel()"><option id="op_0" value="">请选择</option><option id="op_1" value="Deep Learning">深度学习</option><option id="op_2" value="Machine Learning">机器学习</option><option id="op_3" value="Data Mining">数据挖掘</option><option id="op_4" value="Image Processing">图像处理</option></select><br><hr><font color="red">选中的option索引：</font><p id="show_index"></p><hr><font color="red">选中的option文本：</font><p id="show_text"></p><hr><font color="red">选中的option的值：</font><p id="show_value"></p><hr><font color="red">“数据挖掘”选项是否被选中：</font><p id="show_isSelected"></p><hr><font color="red">所有选项的文本：</font><p id="show_all_text"></p>
</body>
</html>

jQuery设置select的选中值相关推荐

jQuery 设置select默认选中问题
在进行其他操作后,恢复select默认选中 html代码: <select id="shai" style="width:150px;margin:5px 50px ...
jquery 设置select的默认值
<select id="sel" ><option value="s1" > aaaa </option><optio ...
jQuery设置radio默认选中状态及获取选中值
jQuery设置radio默认选中状态及获取选中值 //获取选中值 var rechargeType = $("input[name='rechargeType']:checked" ...
PHP中如何获取radio的值,Jquery如何获取radio选中值的示例详解
随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox.Radiobutton .DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作 ...
如何使用jQuery设置输入文本的值
本文翻译自:How to set value of input text using jQuery I have an input text which is this: 我有一个输入文本是这样的: ...
通过JS修改select默认选中值触发onchage事件
通过JS修改select默认选中值触发onchage事件前言一.body部分二.js部分前言页面加载时,通过js修改select选中值,触发onchange事件,实现联动效果以下是本篇文章 ...
JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值...
//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的IDvar op ...
jquery 获取checkbox 或 select 的选中值（一组和单个）
使用 jquery 获取一组或者单个 checkbox 的选中状态的值.下面通过一个示例进行说明,假设现有一页面有一组 checkbox 的 name 的值为 id ,那么获取这组 name=id 的 ...
Javascript获取select的选中值和选中文本
var obj = document.getElementByIdx_x("select_id"); //selectid var index = obj.selectedInde ...
select隐藏选中值对应的id，显示其它id
由于select选项较少,做的简单, <select name="typeid" id="typeid"> <option value=&qu ...

jQuery设置select的选中值

jQuery设置select的选中值相关推荐

最新文章

热门文章