东南西北飘

<script type="text/javascript">
       function Change(moren){
       var objS= document.getElementById("bgid");
      var col= objS.options[objS.selectedIndex].value;
       if (col==""){
       var col= moren;
       }
         if (col=="col1")
         {objS.style.background = "green";}
         if (col=="col2")
         {objS.style.background = "red";}
       }
</script>

<select name="color" size="1" id="bgid" onchange="Change()">
<option value="" style='background-color:#FFFFFF'>
<option value=col1 style='background-color:green'>绿色
<option value=col2 style='background-color:red'>红色
</select>

<span onclick="Change('col1')">绿</span>
<span onclick="Change('col2')">红</span>


现在的情况是，打开页面时，点击文字 红 绿，可以更改下拉项的背景颜色，但从下拉框中选择一项后，再点击文字 红 绿，就无法改变了，要怎么写正确？

hansson

if (col==""){
var col= moren;
}

当你选择下拉以后，col就不等于空了
col= moren
这句就不再执行了，所以
亲测了一下：

1. 
   
2. <script type="text/javascript">
   
3.        function Change(moren){
   
4.        var objS= document.getElementById("bgid");
   
5.        var col=""
   
6.         if (moren){
   
7.           col= moren;
   
8.        }
   
9.        else{
   
10.          col= objS.options[objS.selectedIndex].value;
    
11.         }
    
12.          if (col=="col1")
    
13.          {objS.style.background = "green";}
    
14.          if (col=="col2")
    
15.          {objS.style.background = "red";}
    
16.        }
    
17.       
    
18. </script>

复制代码

hansson

参考楼上。

Ｋｉｔｅ

<option value=col1 style='background-color:green'>  还少个双引号

dikena

1. if (col==""){
   
2.        var col= moren;
   
3.        }

复制代码

这段有问题。

改为：

1. if (typeof(moren) != "undefined"){
   
2.             col= moren;
   
3.         }

复制代码

即可

森林

这两行

1. if (col=="col1")
   
2.          {objS.style.background = "green";}
   
3.          if (col=="col2")
   
4.          {objS.style.background = "red";}

复制代码

改为：

1. if (moren=="col1")
   
2.          {objS.style.background = "green";}
   
3.          if (moren=="col2")
   
4.          {objS.style.background = "red";}

复制代码

应该能达到楼主的需要。

hansson

亲测了一下：
<script type="text/javascript">
       function Change(moren){
       var objS= document.getElementById("bgid");
       var col=""
        if (moren){
          col= moren;
       }
       else{
         col= objS.options[objS.selectedIndex].value;
        }
         if (col=="col1")
         {objS.style.background = "green";}
         if (col=="col2")
         {objS.style.background = "red";}
       }
       
</script>