对条件选项选择字段使用Javascript

对条件选项选择字段使用Javascript,javascript,forms,conditional,Javascript,Forms,Conditional,这个问题困扰着我,但我无法在这里或万能的谷歌上找到一个好的解决方案 我正在尝试创建一个带有选择字段的表单,该字段带有条件选项,具体取决于上一个问题的答案。下面是我的代码 首先,影响下一个条件问题答案的问题是一个数字 <div class="formblock"> <label class="screen-reader-text">Total sales</label> <input type="number" name="sales" id="sales

这个问题困扰着我,但我无法在这里或万能的谷歌上找到一个好的解决方案

我正在尝试创建一个带有选择字段的表单,该字段带有条件选项,具体取决于上一个问题的答案。下面是我的代码

首先,影响下一个条件问题答案的问题是一个数字

<div class="formblock">
<label class="screen-reader-text">Total sales</label>
<input type="number" name="sales" id="sales" value="">
<?php if($salesError != '') { ?>
        <span class="error"><?php echo $salesError;?></span> 
    <?php } ?>
    </div>  
接下来,使用Javascript测试答案并显示下一个问题的选项

    <script>

    jQuery(function($) {
    $('#sales').bind('change', function (e) { 
    //if( $('#sales').val() == "") {
    // $('#150, #250, #500, #750, #1000, #1500').hide();
    //}
     if( $('#sales').val() > '150' ) {
    $('#150').show();
    }
     if( $('#sales').val() > '250'  ) {
    $('#250').show();
    }
     if( $('#sales').val() > '500'  ) {
    $('#500').show();
    }
     if( $('#sales').val() > '750'  ) {
    $('#750').show();
    }
     if( $('#sales').val() > '1000'  ) {
    $('#1000').show();
    }
     if( $('#sales').val() > '1500'  ) {
    $('#1500').show();
    }
    if( $('#sales').val() == '0'  ) {
    $('#150, #250, #500, #750, #1000, #1500').hide();
    }
    else{
    $('#150, #250, #500, #750, #1000, #1500').hide();
    } }); 
}); 
</script>          
和下一个问题中的代码以及选择选项。因此,一些选项仅在前一个问题中输入了最低金额时显示。至少,这是我想做的

 <div class="formblock-conditional">
<label class="screen-reader-text">Present</label>
<select class="select" name"present" id="present" >
<option value="" class="txt requiredField" selected="selected">No present</option>
<option id="150" value="" class="txt requiredField" >Present 1</option>
<option id="250" value="" class="txt requiredField" >Present 2</option>
<option id="500" value="3" >Present 3</option>
<option id="750" value="4" >Present 4</option>
<option id="1000" value="5" >Present 5</option>
<option id="1500" value="6" >Present 6</option>
</select>
    </div>    

有几个问题。我把它简化了一点 var presents={Present 1:150,Present ABC:250,Gutschein 1:500,Gutschein 2:750,Gutschein 3:1000,Gutschein 4:1500} $function{ $'sales'。在'keyup'上,函数E{ $present.get0.length=1; var销售=该价值; $.eachpresents,functionkey,val{ 如果销售>=val{ $present.append+key++val+; } }; }; }; 总销售额 目前 没有礼物
谢谢@mplungjan。虽然这还不是我想要的。例如,它应该在150-250之间工作,而不是精确的数字。选择框中的选项不应该是那些数字,而应该是一个文本,如Present2等。抱歉,尝试了您的代码,但不知道如何调整它以获得这些结果。我改为使用Present1/2/3。。。现在,如果你有150个或更多,但少于250个,你会得到礼物1。礼物1和礼物2如果你有250个或更多但少于500个好的,我知道你在做什么。自动添加1。但是,如果它没有加起来,但选择是完全不同的呢?现在1,现在ABC,Gutschein等。?再次感谢@mplungjan。