如何根据第一个下拉选择更改第二个下拉值？

Question

我有两个下拉菜单即Min Price和Max Price,我想改变基于第一选择第二个下拉值.

举个例子 1st drop-down selection is 100 means, 2nd drop-down value should be greater than the 100, if it is 200 in 1st, value of 2nd should be greater than 200

在jQuery或js中的任何想法？

Answer 1

最简单的我能想到(这可以让你回到你的选择,你可以选择400然后200,一切正常)

<select id='min'>
<option value='100'>100</option>
<option value='200'>200</option>
<option value='300'>300</option>
<option value='400'>400</option>
</select>
<select id='max'>
<option value='100'>100</option>
<option value='200'>200</option>
<option value='300'>300</option>
<option value='400'>400</option>
</select>?

var removed;

$('#min').change( function() {
    var value = this.value;
    $('#max').prepend(removed);
    var toKeep = $('#max option').filter( function( ) {
        return parseInt(this.value, 10) >= parseInt( value, 10);
    } );
    removed =  $('#max option').filter( function( ) {
        return parseInt(this.value, 10) < parseInt( value, 10);
    } );
    $('#max').html(toKeep);
});?

http://jsfiddle.net/NjLNF/2/

EDIt - 根据评论添加了parseInt()