如果選擇此選項，並且此選項更改爲3選項

Question

我有一個錶行（這不是真實的，這只是簡單的示例）： id，cat，company，device。 例如一些recordes：
1，計算機，三星，ativ
2，電腦，LG，布拉布拉
3，手機，三星，S6
4，手機，索尼Z5
我想，如果我選擇類別（例如計算機），這將只打開他們有電腦的公司，另外，當用戶選擇第二個選擇時，這會給出剩下的選項。 我在這裏找到了第一個選擇的答案，但第二個我找到了答案。 我不想做「如果...，如果...」，因爲這需要從數據庫中自動完成。
這是我做的例子： 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); 
    }); 
}); 

你有什麼suggition怎麼辦呢？
謝謝，
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。