日期:2014-05-16  浏览次数:20355 次

清空combobox的问题
有combobox如下
<select id="area" name="area" class="easyui-combobox" name="area" data-options=" multiple:true" onchange="areaChanged(this.value)" style="width:150px;">
        <option value="'E'">East</option>
        <option value="'E','N','H','S','C','W','F'">All Region</option>
        <option value="'N'">North</option>
        <option value="'H'">Center</option>
        <option value="'S'">South</option>
        <option value="'C'">NorthEast</option>
        <option value="'W'">Western</option>
    </select>

想实现当选择“All Region”时清除前面已选择的选项,只留“All Region”。 我是这样写的
$().ready(function(){$('#area').combobox({
    onChange:function(newValue,oldValue){
    // $('#shopcode').combobox('reload', 'getShop.php?area='+newValue+"^^"+$('#level1').combobox('getValues'));
     //$('#shop').combobox('reload', 'getShop.php');
//alert(newValue+"***"+oldValue+" "+$("#area").text());
  if(newValue.indexOf("'E','N','H','S','C','W','F'")>=0){
  //$('#area').combobox('clear');
  //alert('xx');
  //$('#area').combobox('reload');
  //$('#area').combobox.datasource = null;
  //$('#area').combo("setValue","").combo("setText","");
  //$('#area').combo("setValue","'E','N','H','S','C','W','F'").combo("setText","All Region");
  // alert('dd');
  // $('#area')[0].selectedIndex = 1;
  //document.getElementById('area').options[1].selected="selected";
    }
       }
});

尝试了很多就是不对,请大神帮助啊
------解决方案--------------------

$(document).ready(function(){$('#area').combobox({
    onChange:function(newValue,oldValue){
         if(newValue.indexOf("'E','N','H','S','C','W','F'")>=0){
             $('#area').combobox('clear');
              }
       }
});


$() 这个方法没有传document
还有easyui的api的说的是用clear方法来清除  LZ再试试
------解决方案--------------------
clear掉选择的再选中需要的

    <select id="level" class="easyui-combobox" name="level" data-options=" multiple:true,onSelect:onSelect" style="width:100px;">
        <option value="'A+','A-','A'">A</option>
        <option value="'A+','A-','A','B','C','D'" >All Level</option>
        <option value="'B'">B</option>
        <option value="'C'">C</option>
        <option value="'D'">D</option>
    </select>
<script>