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

最新推荐文章于 2022-05-23 18:53:38 发布

foamflower

最新推荐文章于 2022-05-23 18:53:38 发布

阅读量2.6k

点赞数

分类专栏： JavaScript 文章标签： function div

本文链接：https://blog.csdn.net/foamflower/article/details/2350785

版权

JavaScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

方法一：

<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.οnlοad=function cha(){
       odiv=document.getElementById("mydiv");
       radio=odiv.getElementsByTagName("div");
       for(i=0;i<radio.length;i++){
           radio[i].οnclick=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>