JS实现鼠标分别点击如"上海"、"北京"、"天津" 文字,下拉框 就selected 对应的城市

方法一:

<select id="myselect">
    <option value="1">上海</option>
    <option value="2">北京</option>
    <option value="3" selected>天津</option>
  </select>
<div id="shanghai" onClick="chooseSelect(this)" value="1">上海</div><br />
<div id="beijing" onClick="chooseSelect(this)" value="2">北京</div><br />
<div id="tianjin" onClick="chooseSelect(this)" value="3">天津</div>
<script type="text/javascript">
   function chooseSelect(obj){
           document.getElementById("myselect").value=obj.value;
   }
</script>

方法二:

<div id="mydiv">
  <select id="myselect">
    <option value="上海">上海</option>
    <option value="北京">北京</option>
    <option value="天津" selected>天津</option>
  </select>
<div id="tianjin">天津</div><br />
<div id="shanghai">上海</div><br />
<div id="beijing">北京</div>
</div>
<script>
        var form,radio
        window.onload=function cha(){
       odiv=document.getElementById("mydiv");
       radio=odiv.getElementsByTagName("div");
       for(i=0;i<radio.length;i++){
            radio[i].onclick=function(){sel(this.innerHTML)}
       }
   }
   function  sel(str){//alert(str)
         var obj=document.getElementById("myselect"),j=obj.length;//alert(i)
         for (var i=0;i<j;i++){
                 if (obj.options[i].value==str){obj.options[i].selected=1;i=100}
        }
   }
</script>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/foamflower/article/details/2350785
文章标签: function div
个人分类: JavaScript
上一篇用javascript修改下拉框中的selected值
下一篇Tomcat:Caused by: java.lang.OutOfMemoryError: PermGen space
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭