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

用div+js做了个下拉列表我想要为每个下拉列表项设置一个id号用于但数据库单击div的下拉列表项时并取得id请问怎么实现

解决方案 »

  1.   

    使用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>
      

  2.   

    不是select
    是用<div>标签+js做的列表中的项是通过ajax从数据库查询的。
      

  3.   

    <select name="cars" onchange="test(this);return true"> 
    <option id= 1 value="volvo">Volvo </option> 我现在就是想要一个像<option>一样的value属性能够保存表字段id单击这个下拉菜单项时传这个id到数据库查询
      

  4.   

    给div设置一个自定义的属性,用getAttibute方法获取这个属性的值.
      

  5.   

    //判断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中就可以了
      

  6.   


    都说了我不用select控件
    是用text控件+div+js
    我现在的效果就像百度搜索框提示的那样，用户在文本框输入一些字马上用ajax向数据库查询返回结果用div显示，我想要的是单击div做的菜单项时取得单击项的id再次用ajax向数据库查询某些内容
      

  7.   


    都说了我不用select控件 
    是用text控件+div+js 
    我现在的效果就像百度搜索框提示的那样，用户在文本框输入一些字马上用ajax向数据库查询返回结果用div显示， 我想要的是单击div做的菜单项时取得单击项的id再次用ajax向数据库查询某些内容