div的下拉列表如何为每项设置个id单击项时要传递

Mozhx 2009-12-20 09:15:27

用div+js做了个下拉列表

我想要为每个下拉列表项设置一个id号用于但数据库

单击div的下拉列表项时并取得id

请问怎么实现

...全文

163 9 打赏收藏举报

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

Mozhx 2009-12-21

打赏
举报

[Quote=引用 4 楼 ltnrain 的回复:]
给div设置一个自定义的属性,用getAttibute方法获取这个属性的值.
[/Quote]

用上面方法解决了。

Mozhx 2009-12-21

打赏
举报

都说了我不用select控件

是用text控件+div+js
我现在的效果就像百度搜索框提示的那样，用户在文本框输入一些字马上用ajax向数据库查询返回结果用div显示，

我想要的是单击div做的菜单项时取得单击项的id再次用ajax向数据库查询某些内容

Mozhx 2009-12-21

打赏
举报

千游 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中就可以了

草根醉秋意 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到数据库查询

Mozhx 2009-12-21

打赏
举报

不是select
是用<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>