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
  • 打赏
  • 举报
回复

都说了我不用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中就可以了
草根醉秋意 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>
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2009-12-20 09:15
社区公告
暂无公告