2014-09-22 45 views
-1

我得到两个下拉下来的例子,但我要三下拉例如变化取决于第一个下拉列表和第三个下拉上第二个下拉选择使用PHP和数组

第一个下拉值是第二个下拉列表选择了第二个应该改变和第二后下拉第三届应该改变,然后人会点击保存它会去mysql数据库

请给我任何例子 我得到一个,但其2下拉

我已经试过这段代码,但它不是写代码,因为如果我先改变DD休息两个AL所以改变

  (http://jsfiddle.net/arunpjohny/nQBK2/) 

HTML:

<select name="select1" id="select1"> 
    <option value="1">Item 1</option> 
    <option value="2">Item 2</option> 
    <option value="3">Item 3</option> 
</select> 
<select name="select2" id="select2"> 
    <option value="1">Item 1 second</option> 
    <option value="2">Item 2 second</option> 
    <option value="3">Item 3 second</option> 
</select> 
<select name="select3" id="select3"> 
    <option value="1">Item 1 third</option> 
    <option value="2">Item 2 third</option> 
    <option value="3">Item 3 third</option> 
</select> 

JQuery的:

var $select2 = $('#select2'), $select3 = $('#select3'); 
$("#select1").change(function() { 
    var id = $(this).val(); 

    if ($select2.data('options') == undefined) { 
     $select2.data('options', $select2.find('option').clone()); 
    } 
    var options = $select2.data('options').filter('[value=' + id + ']'); 
    $select2.html(options); 

    if ($select3.data('options') == undefined) { 
     $select3.data('options', $select3.find('option').clone()); 
    } 
    var options = $select3.data('options').filter('[value=' + id + ']'); 
    $select3.html(options); 
}); 
+1

虽然包括'jsFiddle'链接到你的问题是一个很好的做法,建议您包括您的问题体内代码的相关部分作为'jsFiddle'往往经常下降,使回答你的问题变得不可能。 – Eternal1 2014-09-22 12:26:07

+0

这是否解决您的问题? http://jsfiddle.net/nQBK2/3/ – Edward 2014-09-22 12:38:46

+0

@Altaf卡杜你可以说,如果上述小提琴修复你的问题,所以我可以把它作为答案? :) – Edward 2014-09-22 15:06:31

回答

0

你可以做你通过选择自己的价值的选项问: 你正在使用的过滤器功能被移除除了被选中的选项之外的所有选项。

find('option[value="' + i + '"]');

http://jsfiddle.net/nQBK2/4/

select1 = $('#select1'); 
select2 = $('#select2'); 
select3 = $('#select3'); 

$(select1).change(function() { 
    var i = $(this).val(); 
    $(select2).find('option[value="' + i + '"]').prop('selected', true); 
}); 

$(select2).change(function() { 
    var i = $(this).val(); 
    $(select3).find('option[value="' + i + '"]').prop('selected', true); 
}); 
+0

谢谢我现在收到了@edward – Altafk 2014-09-24 06:05:10

相关问题