在javascript中如何选中web里面的下拉框的值?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在javascript中如何选中web里面的下拉框的值?相关的知识,希望对你有一定的参考价值。
<html><head><script language="javascript"></scriput> /*** 这里面弄个方法要求选中下拉框里面的值怎么搞?**/</head><body> <select> <option value="0">11111</option> <option value="1">22222</option> </select></body></html>
<script language="javascript">window.onload=function()
document.getElementsByTagName("select")[0].value = "1";//这里写你要设置的值
</scriput> 参考技术A <script language="javascript">
window.onload=function()
var sel = document.getElementById("sel").value ; //这是获取id为sel的选中的值
//在值的后面加上selected是默认显示他
</scriput>
<select id="sel"> <option value="0" selected>11111</option> <option value="1">22222</option> </select> 参考技术B 你问的是如何选中? 是获取选中的下拉框的值吧?
<select id="cs" name="">
<option value="1">北京</option>
<option value="2">上海</option>
</select>
<script>
var options=$("#cs option:selected"); //获取id为"cs"的选中的项
options.val(); //得到当前下拉框选中的值
</script>
如何设置jquery easyui中下拉框不可编辑
设置jqueryeasyui中下拉框不可编辑的方法:EasyUI常用控件禁用方法:1.validatebox可以用的用法:前两种适用于单个的validatebox;第三种应用于整个form里面的输入框;.$("#id").attr("readonly",true);$("#id").removeAttr("readonly");.$("#id").attr("readonly","readonly");$("#id").removeAttr("readonly");.$("#Form:input").attr("readonly","readonly");//对form里面的禁用.$("input").attr("readonly","readonly");//对所有的input标签禁用2.combobox禁用启用用法:.$("#id").combobox(disabled:true);$("#id").combobox(disabled:false);.$("#id").attr("readonly","readonly");//对单个禁用$("#id").removeAttr("readonly");.$("#fm.easyui-combobox").combobox(disabled:true);//对form里面的下拉框禁用.$("#ID").combobox("disable");------$("#ID").combobox("enable");3.datebox与datetimebox禁用启用方法:.$("#fm.easyui-datebox").datebox(disabled:true);$("#fm.easyui-datebox").datebox(disabled:false);.$("#id").attr("readonly","readonly");$("#id").removeAttr("readonly");.$("#fm.easyui-datetimebox").datetimebox(disabled:true);4.combogrid禁用启用方法:.$("#FPayApplySupAccountID").combogrid("disable");$("#FPayApplySupAccountID").combogrid("enable");5.lable标签ID附加文字:.$("#id").text("标题:");//此方法可以屏蔽掉lable标签内的文字 参考技术A 首先,利用jquery easyui中的下拉框,需要放在Java Web项目中。新建一个Java Web项目,并将相应的js和css放到目录下,并在pages目录下新建select.jsp引入jquery easyui需要的js和css
<link rel="stylesheet" type="text/css" href="../styles/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../styles/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../styles/demo.css">
<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.easyui.min.js"></script>
如下图所示:
在<body></body>中插入div和select
<div style="text-align: center; vertical-align:middle; width: 100%; height: 100%;">
<select id="cc" class="easyui-combobox" style="width:200px;">
<option>苹果</option>
<option>香蕉</option>
<option>橘子</option>
<option>荔枝</option>
<option>樱桃</option>
<option>草莓</option>
<option>芒果</option>
<option>桃子</option>
<option>葡萄</option>
</select>
</div>
如下图所示:
启动Tomcat服务器,在浏览器中查看页面
http://localhost:端口号/项目名称/页面名称
查看结果如下:
现在,就要实现下拉框不可编辑的功能,要保证有修改权限的人可以修改,没有修改权限的人只能有查看,设置其不能编辑
<script type="text/javascript">
$(function()
$('#cc').combobox(
required:true,
multiple:true,
disabled:true
);
);
</script>
如下图所示:本回答被提问者采纳
以上是关于在javascript中如何选中web里面的下拉框的值?的主要内容,如果未能解决你的问题,请参考以下文章
Java Web。jsp页面有个下拉框,选择以后查询数据库中对应的数据。显示在当前页面。。。????