javascript怎么设置select选中
时间:2021-04-28 来源:互联网
今天PHP爱好者给大家带来javascript怎么设置select选中方法:1、首先获取select元素;然后用val()方法选中指定value值的select选项。2、首先获取元素;然后用find()方法查找指定text值的select选项;最后用“attr("selected",true)”方法进行选中。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript设置select选中
比如
<select class="selector"></select>
1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
以上就是javascript怎么设置select选中的详细内容,更多请关注php爱好者其它相关文章!
-
异环剧情能跳过吗-异环剧情设定详细 2025-06-29
-
无畏契约源能行动地图怎么打-霓虹町点位教学 2025-06-29
-
斗罗大陆猎魂世界魂师篇章在哪里-魂师篇章收集位置详解 2025-06-29
-
TON今日价格行情及涨跌趋势(币安实时数据) 2025-06-29
-
u盘系统大师:通过U盘系统工具创建主分区(u盘大师安装win10步骤) 2025-06-29
-
U盘装机大师PE系统中检测硬盘坏扇区的方法(u盘装机大师教程) 2025-06-29