1

需要能够SELECT使用 javascript 和其他一些输入源（例如：下拉框）来更改语句。我花了一些时间在removeOpt()下面的代码上。但是，我很难让它作为一个函数工作并让它被调用.ready()并在dropdown1更改时运行。

该函数还需要保留变量的内存，特别是all_Opt变量，因为我需要能够重新填充其中的内容。我已经在下面发布了我尝试过的内容。removeOpt变量/函数直接.ready()用于..change()

简而言之，这就是我正在尝试做的并且需要帮助：

  • 找出函数removeOpt是否有效，或者找到一个有效的方法
  • 两者都removeOpt运行过.ready()并且dropdown1（使用.change()？）
  • 静态制作all_Opt（尝试闭包方法）myFunc

任何帮助表示赞赏！

Java 脚本

（注意： //CODE IN QUESTION 在测试和验证代码 removeOpt() 在 .ready().

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
  //Create 'removeOpt' function
  var removeOpt = $(function() //CODE IN QUESTION
  {
    var regex_str = "^" + $("#prefix_select").val() + "-";
    var dd1 = $("#dropdown1 option");

    //Clone the 'None', Current, and All options into respective variables.
    //All options are stored in order to allow different selection criteria
    if(typeof all_Opt === 'undefined'){  //Used if all_Opt is a static variable
        alert("defining 'all_Opt'");
        var all_Opt  = dd1.clone(true);
    }
    else{alert("not defining 'all_Opt'");}
    var none_Opt = dd1.filter(":contains(None)").clone(true);
    var cur_Opt  = dd1.filter(function(){
        return $(this).text().match(regex_str);
    }).clone(true);

    //Remove all options and replace the 'None' and Current options
    dd1.remove();
    noneOpt.appendTo($("#dropdown1"));
    curOpt.appendTo($("#dropdown1"));
  })(); //CODE IN QUESTION

  //Setup .ready() and .change()
  $(document).ready(removeOpt());  //CODE IN QUESTION
  $("#dropdown1").change(removeOpt());  //CODE IN QUESTION
</script>

下拉菜单

<!-- Used to limit options in "dropdown1" -->
<p>
<SELECT id="prefix_select">
  <OPTION VALUE="AB" >AB</OPTION>
  <OPTION VALUE="BB" >BB</OPTION>
  <OPTION VALUE="ABB">ABB</OPTION>
</SELECT>
</p>

<!-- Is produced SERVER side and cannot be changed -->
<p>
<SELECT ID="dropdown1">
  <OPTION VALUE=""    >None</OPTION>
  <OPTION VALUE="1000">AB-Item 1 Description</OPTION>
  <OPTION VALUE="2001">AB-Item 2 Description</OPTION>
  <OPTION VALUE="50"  >AB-Item 8 Description</OPTION>
  <OPTION VALUE="70"  >BB-Item 3 Description</OPTION>
  <OPTION VALUE="100" >BB-Item 5 Description</OPTION>
  <OPTION VALUE="2"   >ABB-Item 4 Description</OPTION>
</SELECT>
</p>
4

2 回答 2

5

交上来。不要调用它。

$(document).ready(removeOpt);
$("#dropdown1").change(removeOpt);

并摆脱$(...)()语法。

// remove-----------vv
  var removeOpt = /*$(*/function()
  {
    var regex_str = "^" + $("#prefix_select").val() + "-";
    var dd1 = $("#dropdown1 option");

    if(typeof all_Opt === 'undefined') {
        alert("defining 'all_Opt'");
        var all_Opt  = dd1.clone(true);
    }
    else{alert("not defining 'all_Opt'");}
    var none_Opt = dd1.filter(":contains(None)").clone(true);
    var cur_Opt  = dd1.filter(function(){
        return $(this).text().match(regex_str);
    }).clone(true);

    dd1.remove();
    noneOpt.appendTo($("#dropdown1"));
    curOpt.appendTo($("#dropdown1"));
  }//)();
 //  ^^^--------remove

您正在做的是将函数传递给函数，该$函数会将其传递给.ready(). 但是随后您尝试调用返回的 jQuery 对象，就好像它是一个函数一样。

于 2013-03-13T16:20:46.757 回答
1

以下是不正确的。

 $(document).ready(removeOpt());  //CODE IN QUESTION
 $("#dropdown1").change(removeOpt());  //CODE IN QUESTION

您无需在此处使用 调用该函数()。就这样做吧。

$(document).ready(removeOpt);
$("#dropdown1").change(removeOpt);
于 2013-03-13T16:20:29.563 回答