jquery获取下拉框当前选项的显示名称 博客分类: javascript js获取下拉框的显示值js取select中option的显示值jquery获取下拉框的显示值
程序员文章站
2024-03-14 22:18:17
...
var v= $("#下拉框id option:checked").text();
获取下拉框当前选项的显示值/文本值
顺带一小段例子:
下拉框联动修改关联文本框的值,文本框不可编辑
$("#role_func_func_display_name").change(function(){
var funcDisplayName = $("#role_func_func_display_name").val();
if(funcDisplayName ==="1"){
$("#role_func_func_name").val("advanced_search");
}else if(funcDisplayName ==="2"){
$("#role_func_func_name").val("auth_manage");
}else{
$("#role_func_func_name").val("");
}
});
<dt>功能模块显示名(中文)</dt><dd>
<select id="role_func_func_display_name">
<option value="0">请选择功能模块</option>
<option value="1">高级搜索</option>
<option value="2">权限管理中心</option>
</select>
</dd>
<dt>功能模块名(字母)</dt><dd><input id="role_func_func_name" type="text" readonly="false"/></dd>
PS:readonly="false" 设置文本不可编辑
获取下拉框当前选项的显示值/文本值
顺带一小段例子:
下拉框联动修改关联文本框的值,文本框不可编辑
$("#role_func_func_display_name").change(function(){
var funcDisplayName = $("#role_func_func_display_name").val();
if(funcDisplayName ==="1"){
$("#role_func_func_name").val("advanced_search");
}else if(funcDisplayName ==="2"){
$("#role_func_func_name").val("auth_manage");
}else{
$("#role_func_func_name").val("");
}
});
<dt>功能模块显示名(中文)</dt><dd>
<select id="role_func_func_display_name">
<option value="0">请选择功能模块</option>
<option value="1">高级搜索</option>
<option value="2">权限管理中心</option>
</select>
</dd>
<dt>功能模块名(字母)</dt><dd><input id="role_func_func_name" type="text" readonly="false"/></dd>
PS:readonly="false" 设置文本不可编辑