jQuery的改变/切换？

问题描述

| 我们要创建一个表单，当在一个选择框中选择一个选项时，该选项在另一个选择框中更改，具体取决于所选择的那个。 例：

Select box 1
Option A
Option B

Select box 2
Options change depending on if A or B is chosen

我们怎样才能做到这一点？     

解决方法

        有两种方法，具体取决于您是否希望通过Ajax调用第二个选择框中的选项，或者是否存在两种可能性。 的HTML

<select id=\"select1\">
    <option value=\"a\">a</option>
    <option value=\"b\">b</option>
</select>

<select id=\"select2a\" style=\"display:none;\">
    <!-- options -->
</select>

<select id=\"select2b\" style=\"display:none;\">
    <!-- options -->
</select>

jQuery的

$(\'#select1\').change(function(){

    if($(this).val() == \"a\"){

        $(\'#select2a\').show();
        $(\'#select2b\').hide();      

    }elseif($(this).val() == \"b\"){

        $(\'#select2a\').hide();
        $(\'#select2b\').show();  

    }

});

如果您不想使用两个单独的选择框，则可以将选项存储在变量中，并根据第一个选择框中选择的选项来更改选择框的

.html()

。     ,        从jQuery文档中： http://api.jquery.com/selected-selector/

$(\"select\").change(function () {
      var str = \"\";
      //example from the docs - put code here which is specific to your use case.
      $(\"select option:selected\").each(function () {
            str += $(this).text() + \" \";
          });
      $(\"div\").text(str);
    })
    .trigger(\'change\');

    ,        这是一个简短的博客条目，它描述并使用select输入和jQuery实现一些条件逻辑： 使用jQuery选择菜单和条件逻辑