Question

我有一个表行（这不是真的，这只是简单的例子）： id，cat，company，device。例如一些记录：
1，电脑，三星，ativ
2，电脑，lg，blabla
3，手机，三星，s6
4，手机，索尼，z5
我希望如果我选择类别（例如计算机），这将只打开他们拥有计算机的公司。此外，当用户选择第二个选择时，这将给出保留的选项。我在这里找到了第一个选择的答案，但是我发现的第二个选择。我不想做＆＃34;如果......，如果......＆＃34;因为这需要来自数据库并自动完成这是我做的例子： http://jsfiddle.net/e464etcq/

HTML：

<select class="form-control" id="type" name="type">
  <option value="">choose</option>
  <option value="1">phones</option>
  <option value="2">computers</option>  
</select>
<select class="form-control" id="reason" name="reason">
    <option value="">choose</option>
  <option value="1" class="1">samsung</option>
  <option value="2" class="1">lg</option>
  <option value="3" class="2">samsung</option>
  <option value="3" class="2">sony</option>

</select>
<input type="text" id="billing">

JQUERY：

jQuery(function($) {
    var backupShipStates = $("#reason").html();
    $("#type").change(function() {
        var country = $(this).val();
        var options = $(backupShipStates).filter(function() {
        return !$(this).attr("class") || $(this).attr("class") == country; });
        $("#reason").html(options);
    });
});

你有什么建议怎么办？谢谢，
Omry。

Answer 1

如果我了解您，您可以添加新的change event来处理更改第二个选择的时间。

所以你的代码是：

HTML

<select class="form-control" id="type" name="type">
  <option value="">בחר</option>
  <option value="1">phones</option>
  <option value="2">computers</option>  
</select>
<select class="form-control" id="reason" name="reason">
  <option value="">choose</option>
  <option value="1" class="1">samsung</option>
  <option value="2" class="1">lg</option>
  <option value="3" class="2">samsung</option>
  <option value="3" class="2">sony</option> 
</select>
<select class="form-control" id="third" name="third">
    <option value="">choose</option>
  <option value="1" class="1">Option3.1</option>
  <option value="2" class="1">Option3.2</option>
  <option value="3" class="2">Option3.3</option>
  <option value="3" class="2">Option3.4</option>

</select>
<input type="text" id="billing">

的jQuery

 jQuery(function($) {
    var backupShipStates = $("#reason").html();
    var backupOption3 = $("#third").html();
    $("#type").change(function() {
        var country = $(this).val();
        var options = $(backupShipStates).filter(function() {
        return !$(this).attr("class") || $(this).attr("class") == country; });
        $("#reason").html(options);
    });
    $("#reason").change(function(){
        var reason = $(this).val();
        var options = $(backupOption3).filter(function() {
                    return !$(this).attr("class") || $(this).attr("class") == reason; });
        $("#third").html(options);
    });
});

这不是必需的PHP。

如果选择此选项，此选项将更改为3选项

1 个答案: