如何使用jQuery函数作为.ready()和.change()

Question

需要能够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>

Answer 1

交上来.不要调用它.

$(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对象,好像它是一个函数.