jsp下拉列框不可编辑,<select></select> ;只能选择下拉框的值,而不能手动去输入值
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsp下拉列框不可编辑,<select></select> ;只能选择下拉框的值,而不能手动去输入值相关的知识,希望对你有一定的参考价值。
急!!!
本来就是啊,这个下拉框中的值是写死的,把你已经写死的值列在下拉框中,供你选择其中的一个 参考技术A data-options="editable:false" 参考技术B 这个需要另外添加逻辑的。我的推荐是你用一个input来覆盖下拉框的前半部分。把下拉框的值给input 就好咯。 参考技术C select的定义就是选择! 没有输入的!jsp下拉框联动问题
有两个下拉框select1和select2
里面的数据都是从数据库里面读的
现在想实现select1选择改变则select2里面内容也相应改变应该怎么做?
我在网上找到一个js实现的,但select2里面内容已经是静态的了
我想能不能给那个js脚本里传参数让select2里面的内容变成我从数据库里读出的内容?
js实现的页面例子如下:
<html>
<head>
<title>This is a test!</title>
</head>
<body>
<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
<option selected>请选择</option>
<option value="1">脚本语言</option>
<option value="2">高级语言</option>
<option value="3">其他语言</option>
</select>
<select name="s2">
<option value="请选择" selected>请选择</option>
</select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
select2[i] = new Array();
//定义基本选项
select2[0][0] = new Option("请选择", " ");
select2[1][0] = new Option("PHP", " ");
select2[1][1] = new Option("ASP", " ");
select2[1][2] = new Option("JSP", " ");
select2[2][0] = new Option("C/C++", " ");
select2[2][1] = new Option("Java", " ");
select2[2][2] = new Option("C#", " ");
select2[3][0] = new Option("Perl", " ");
select2[3][1] = new Option("Ruby", " ");
select2[3][2] = new Option("Python", " ");
//联动函数
function redirec(x)
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
temp.options[0].selected=true;
</script>
</body>
</html>
ps:我目前只会基本的jsp.
你的两个下拉框里面的数据很少,可以在网页生成的时候直接从数据库读出,以数组的形式生成字符串,拼进javascript里面。如: [["js","vbs"],["vb","java"]];根据第一个下拉框选择的内容确定数组索引,把相应索引动态添加到第二个下拉框中。 参考技术A 到我空间去看看“Ajax动态生成下拉菜单“文档,里面有详细介绍如何使用... 参考技术B 简单的做法jsp+js
基本思路:首先在点击第一个select时候加事件onchange,onchange事件主要作用是与后台进行ajax交互取得你所需要的第二个select值,然后在页面用js写html标签将第二个select插入相应位置即可。
做法:
1.上网研究ajax
2.上网研究用js如何创建html标签
以上如能研究透彻,思路即可异常清晰明了。
代码先就暂时不提供了,这几天忙的蛋疼。 参考技术C AJAX 参考技术D AJAX一定要学习!
以上是关于jsp下拉列框不可编辑,<select></select> ;只能选择下拉框的值,而不能手动去输入值的主要内容,如果未能解决你的问题,请参考以下文章