Question

我正在开发一个ASP.Net网页，该网页将使用jQuery下拉列表（http://code.google.com/p/dropdown-check-list/）。我对JavaScript很缺乏经验，对jQuery也是新手。

任何人都可以帮我解决一个从jQuery DropdownChecklist中取消选择项目的JavaScript函数吗？它需要接受一个字符串，然后取消选择与该字符串匹配的项目。

提前致谢。

Answer 1

尝试更改原始<select>元素，以便不再选择要取消选择的项目，然后使用“refresh”命令刷新jQuery下拉列表。类似这样的内容（其中selectID是原始<select>元素的ID，而targetString是您要取消选择的<option>的内容：

function deselect(selectID, targetString){
  $("#"  + selectID + " option").each(function(){
      if($(this).text() === targetString) $(this).attr("selected", "");
  });
  $("#" + selectID).dropdownchecklist("refresh");
}

Answer 2

以下代码取消选择项目并将其从显示中删除。

document.clearSel = function(list,txt){
  var ele=document.getElementById(list);
  for(i=0; i < ele.options.length; i++ ) {  
    if (ele.options[i].selected && (ele.options[i].text == txt) && 
                                      (ele.options[i].value != "")) {
        var val=ele.options[i].value;
        $("div#ddcl-" + list +"-ddw input[value='"+val+"']").each(function(){
            $(this).attr("checked",false);
            var spSel="span#ddcl-" + list +" span.ui-dropdownchecklist-text";
            var spTxt=$(spSel).text();          
            $(spSel).text(spTxt.replace(txt+",",'').replace(txt,''));
        });
     }
  } 
}

document.clearSel("s8","Low");

在检查了demo page 下拉列表后，我得到了“div #ddcl - ddw输入[value ='']”和“span #ddcl- span.ui-dropdownchecklist-text”选择器

PS： - 我已经试过了$("#" + list).dropdownchecklist("refresh");，但我无法刷新文字;

需要有关JavaScript函数的帮助来取消选择jQuery DropdownChecklist中的项目

2 个答案: