如何用 js 改变 select 选中状态？

Question

把onmouseover="ChangeSelector(this)“，干嘛不把this直接换成onmouseover="ChangeSelector('甲/乙/丙/丁')“，呢，这样直接传道函数里面，
再设置sltSelector的值为传过来的参数就好了啊。。
document.getElementById("sltSelector").value='甲/乙/丙/丁';

Answer 1

<div id="div1" style="width:150px; height:30px; background-color:#FFFF00; border:1px solid #000000"  onmouseover="ChangeSelector(this)">甲</div>
<div id="div2" style="width:150px; height:30px; background-color:#FFFF00;border:1px solid #000000" onmouseover="ChangeSelector(this)">乙</div>
<div id="div3" style="width:150px; height:30px; background-color:#FFFF00;border:1px solid #000000" onmouseover="ChangeSelector(this)">丙</div>
<div id="div4" style="width:150px; height:30px; background-color:#FFFF00;border:1px solid #000000" onmouseover="ChangeSelector(this)">丁</div><br>
<select id="sltSelector">
    <option value="请选择">请选择</option>
    <option value="甲">甲</option>
    <option value="乙">乙</option>
    <option value="丙">丙</option>
    <option value="丁">丁</option>
</select>
<script>
 sele=document.getElementById("sltSelector")
 var zz = new Array();zz[0]="a"
 for(var i=1;i<sele.length;i++)
 {
     var str
     str=sele.getElementsByTagName("option")[i].value
     zz.push(str)
 } function ChangeSelector(e){
 var html
 html= e.innerHTML sele.length=0
 sele.options.add(new Option(html,html))
 for(var i=1;i<zz.length;i++)
  {
  if(zz[i]==html)
  continue;
  sele.options.add(new Option(zz[i],zz[i]))
  }
 }
</script>
是不是这样？？

Answer 2

<script type="text/javascript"> 
function ChangeSelector(divObject) 
{ 
   var o = document.getElementById("sltSelector").options,s=divObject.innerHTML;
   for(var i=0,n=o.length ;i<n;i++){
    if(s==o[i].value){o[i].selected=true;return;}
   }
} 
</script>lz你写错了
不是<script type="type/javascript"> 
而是<script type="text/javascript"> 
害我弄了那么久

Answer 3

<select id="sltSelector">
    <option value="请选择">请选择</option>
    <option value="甲">甲</option>
    <option value="乙">乙</option>
    <option value="丙">丙</option>
    <option value="丁">丁</option>
</select>
<script type="text/javascript">
function ChangeSelector(divValue)
{

    document.getElementById("sltSelector").value=divValue;
}
</script>
<div id="div1" onmouseover="ChangeSelector('甲');">甲</div>
<div id="div2" onmouseover="ChangeSelector('乙');">乙</div>
<div id="div3" onmouseover="ChangeSelector('丙');">丙</div>
<div id="div4" onmouseover="ChangeSelector('丁');">丁</div>

Answer 4

<script type="text/javascript"> 
function ChangeSelector(divObject) 
{ 
   var a = document.getElementById("sltSelector").getElementsByTagName("option");
   var b = divObject.innerText;
   var num=a.length
for(var i=0;i<num;i++){
if(a[i].value == b){
document.getElementById("sltSelector").value = b;
}
}
   
} 
</script>

Answer 5

function ChangeSelector(divObject) 
{
    document.getElementById("sltSelector").value=divObject.innerHTML;
}