1)单击不同的div,实现<select></select>下拉列表框中选中内容的切换,也就是说不想通过单击下拉select的下三角按钮而更换值,只想单击div变换它的选中内容,怎么做?前台javascript实现。
2)或者可以理解为单击div从而设置他的列表框选中的文字。

解决方案 »

  1.   

    <select id="s">
        <option>11111111</option>
        <option>22222222</option>
        <option>33333333</option>
    </select>
    <div onclick="func(1)">
        111111</div>
    <div onclick="func(2)">
        222222</div>
    <div onclick="func(3)"">
        333333</div><script type="text/javascript">function func(index)
    {
       document.getElementById("s").options[index-1].selected=true
    }</script>
      

  2.   


    <select id="s">...</select><div onclick="SetData()">function SetData()
    {
    sa= document.getElementById("s")
    sa.selectedIndex=2 //第3个选中
    //或者
    sa.options[2].selected=true
    }
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title></title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="js/aa.js"></script>
    <script type="text/javascript">
     function aaa(){
        document.getElementById('s1').options[1].selected = "selected"
     }
    </script> </head> <body>
    <div onclick="aaa()" style="border: red solid 1px;">
    我是div 点击我 就会选中下拉列表第2个元素bbb
    </div>
    <select id="s1">
    <option value="aa">
    aaa
    </option>
    <option value="bb">
    bbb
    </option>
    <option value="cc">
    ccc
    </option>
    </select>
    </body>
    </html>
      

  4.   

    设置select元素中option元素的selected值就行
      

  5.   

    document.getElementById(selId).value = divvalue;
    这样就行了
      

  6.   

    <select id="sel">
    <option value="A">A</option>
    <option value="B">B</option>
    </select>
    <div id="triggerA">Select A</div>
    <div id="triggerB">Select B</div>
    <script>
    var selectDom = document.getElementById("sel"),
    triggerA = document.getElementById("triggerA"),
    triggerB = document.getElementById("triggerB"),
    optMap = { // option 映射关系
    A: 0,
    B: 1
    };
    triggerA.onclick = function(ev) {
    selectDom.selectedIndex = optMap['A'];
    }
    triggerB.onclick = function(ev) {
    selectDom.selectedIndex = optMap['B'];
    }
    </script>
      

  7.   


    ++ 直接设置value就可以!当然设置 selectedIndex  也行
      

  8.   

    设置select元素中option元素的selected值就行
      

  9.   

    设置select元素中option元素的selected值就行