87,997
社区成员
发帖
与我相关
我的任务
分享div的下拉列表如何为每项设置个id单击项时要传递
用div+js做了个下拉列表
我想要为每个下拉列表项设置一个id号用于但数据库
单击div的下拉列表项时并取得id
请问怎么实现
我想要为每个下拉列表项设置一个id号用于但数据库
单击div的下拉列表项时并取得id
请问怎么实现
...全文
请发表友善的回复…
发表回复
Mozhx 2009-12-21
- 打赏
- 举报
[Quote=引用 4 楼 ltnrain 的回复:]
给div设置一个自定义的属性,用getAttibute方法获取这个属性的值.
[/Quote]
用上面方法解决了。
给div设置一个自定义的属性,用getAttibute方法获取这个属性的值.
[/Quote]
用上面方法解决了。
Mozhx 2009-12-21
- 打赏
- 举报
都说了我不用select控件
是用text控件+div+js
我现在的效果就像百度搜索框提示的那样，用户在文本框输入一些字马上用ajax向数据库查询返回结果用div显示，
我想要的是单击div做的菜单项时取得单击项的id再次用ajax向数据库查询某些内容
Mozhx 2009-12-21
- 打赏
- 举报
都说了我不用select控件
是用text控件+div+js
我现在的效果就像百度搜索框提示的那样，用户在文本框输入一些字马上用ajax向数据库查询返回结果用div显示，
我想要的是单击div做的菜单项时取得单击项的id再次用ajax向数据库查询某些内容
千游 2009-12-21
- 打赏
- 举报
//判断option中是否已经存在有objItemValue的选项
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
//动态添加option
//objItemText option显示的Text，objItemValue option value值
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
if (jsSelectIsExitItem(objSelect, objItemValue)) {
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
}
}
你将ajax传来的id值 传给 jsAddItemToSelect（），动态添加到select中就可以了
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
//动态添加option
//objItemText option显示的Text，objItemValue option value值
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
if (jsSelectIsExitItem(objSelect, objItemValue)) {
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
}
}
你将ajax传来的id值 传给 jsAddItemToSelect（），动态添加到select中就可以了
草根醉秋意 2009-12-21
- 打赏
- 举报
给div设置一个自定义的属性,用getAttibute方法获取这个属性的值.
Mozhx 2009-12-21
- 打赏
- 举报
<select name="cars" onchange="test(this);return true">
<option id= 1 value="volvo">Volvo </option>
我现在就是想要一个像<option>一样的value属性能够保存表字段id
单击这个下拉菜单项时传这个id到数据库查询
<option id= 1 value="volvo">Volvo </option>
我现在就是想要一个像<option>一样的value属性能够保存表字段id
单击这个下拉菜单项时传这个id到数据库查询
Mozhx 2009-12-21
- 打赏
- 举报
不是select
是用<div>标签+js做的
列表中的项是通过ajax从数据库查询的。
是用<div>标签+js做的
列表中的项是通过ajax从数据库查询的。
deng4437 2009-12-20
- 打赏
- 举报
使用onchange事件或者onclick事件都可以
请参考下面代码:
<html>
<head>
<script type=text/javascript>
function test(source)
{
for(var i=0;i<source.childNodes.length;i++)
if(source.childNodes[i].selected)
alert("我的是ID是 "+source.childNodes[i].id);
}
</script>
</head>
<body>
<form>
<select name="cars" onchange="test(this);return true">
<option id= 1 value="volvo">Volvo</option>
<option id= 2 value="saab">Saab</option>
<option id= 3 value="fiat" selected="selected">Fiat</option>
<option id= 4 value="audi">Audi</option>
</select>
</form>
</body>
</html>
请参考下面代码:
<html>
<head>
<script type=text/javascript>
function test(source)
{
for(var i=0;i<source.childNodes.length;i++)
if(source.childNodes[i].selected)
alert("我的是ID是 "+source.childNodes[i].id);
}
</script>
</head>
<body>
<form>
<select name="cars" onchange="test(this);return true">
<option id= 1 value="volvo">Volvo</option>
<option id= 2 value="saab">Saab</option>
<option id= 3 value="fiat" selected="selected">Fiat</option>
<option id= 4 value="audi">Audi</option>
</select>
</form>
</body>
</html>
