Php 如何基于第一个下拉选择更改第二个下拉值?

Php 如何基于第一个下拉选择更改第二个下拉值?,php,javascript,jquery,html,ajax,Php,Javascript,Jquery,Html,Ajax,我有两个下拉列表,即最小价格和最大价格,我想根据第一个选择更改第二个下拉列表值 例如,第一个下拉选择值为100表示第二个下拉值应大于100,如果第一个下拉选择值为200,则第二个下拉选择值应大于200 对jQuery或js有什么想法吗 $('#first_dd').change(function(){ var dd_val=$(this).val(); var options = ""; $('#second_dd').html(''); for(var i=parseInt(dd_val+1)

我有两个下拉列表,即最小价格和最大价格,我想根据第一个选择更改第二个下拉列表值

例如,第一个下拉选择值为100表示第二个下拉值应大于100,如果第一个下拉选择值为200,则第二个下拉选择值应大于200

对jQuery或js有什么想法吗

$('#first_dd').change(function(){
var dd_val=$(this).val();
var options = "";
$('#second_dd').html('');
for(var i=parseInt(dd_val+1);i<=END-LIMIT;i++)
{
$('#second_dd').append('<option value='+i+'>'+i+'</option>');
}
});

我没有在浏览器中测试它。考虑SycEX,遵循逻辑。

< P>最简单的,我可以想到这可以让你回到你的选择中,你可以选择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);
});​

编辑-根据注释添加parseInt

您可以使用jquery和change函数。如果第一个下拉列表的id为drop1,那么它将是$drop1.changefunction{..将您的函数放在这里以填充第二个下拉列表..

将侦听器添加到最小价格下拉列表中,然后循环最大价格下拉列表的值,直到找到一个大于所选最小价格下拉列表的值。类似这样

$(function () {
        $("#one").change(function (e) {
            $("#two").empty();

            var options =
            $("#one option").filter(function(e){
                return $(this).attr("value") > $("#one option:selected").val();
            }).clone();

            $("#two").append(options);
        });
    });
$('#minPrice').change(function(){
    var minVal = $('#minPrice option:selected').val();
     $('#maxPrice option').each(function(){
          if(minVal < $(this).val()){
             $(this).attr('selected', 'selected');
             return false;
          }
     });
});

嗨,瑞奇,我不知道该怎么做,请指导我。我问这个问题是因为在你寻求帮助之前表明你已经尝试过某件事被认为是一种良好的做法,否则听起来就像是在要求别人做你的家庭作业……但由于这是一个非常流行的问题,我想你已经有5个实现=选择一个;and如果你想返回?我的意思是如果你先在第一个下拉列表中选择4,然后选择一个?脚本不会改变影响一个下拉列表的值,只是克隆大于1到2的值是的,但是如果用户为第一个下拉列表选择了一个高值,然后改变主意,想要一个低值呢?嗨,它可以工作到100到100900,在那之后10002000,…它不能正常工作检查这个@LearneR是的,你是对的,因为你需要解析这些值