Question

目标是：如果我选择 MORE 选项，那么在输入中我必须写>=0.008。如果我选择 LESS 选项，那么在输入中我必须写>=0.002而如果我选择其他内容，那么我必须写>=0.005并显示 cal-block 如果值不是必需的（否则 - 隐藏）。

因此，如果我写下输入中所需的内容，请隐藏 cal-price 块。如果它可以在输入中写入内容后自动显示，而无需在任何地方点击鼠标（实时）。

我准备下面的代码不起作用：

<select>
  <option value="MORE">More</option>
  <option value="LESS">Less</option>
  <option value="OTHER">Other</option>
</select>


<div class="cal-price">The price is too low</div>
<input type="text" class="check-price-js" value="0.005"/>

<script>
if($('MORE').val()is active){
  $('input.check-price-js').on('change', function(){
    if($(this).val()>=0.008){
      $('div.cal-price').css('display', 'none');
    } elseif {
      $('div.cal-price').css('display', 'block');
    });
} elseif ($('LESS').val()is active){
  $('input.check-price-js').on('change', function(){
    if($(this).val()>=0.002){
      $('div.cal-price').css('display', 'none');
    } elseif {
      $('div.cal-price').css('display', 'block');
    });
} else {
  $('input.check-price-js').on('change', function(){
  if($(this).val()>=0.005){
    $('div.cal-price').css('display', 'none');
  } elseif {
    $('div.cal-price').css('display', 'block');
  });
}
</script>

<style>
.cal-price {
  display: none;
}
</style>

Answer 1

当SELECT选项更改并获取所选选项的值

时，将触发此代码

$('select').on('change', function() {
  var selected = $("select option").filter(":selected").val();
})

一旦获得selected值，您就可以将其用于任何您想要进行的测试/检查。注意：我刚刚使用过＆＃39; select＆＃39;在我的jQuery选择器中，您将要使用类或ID。

如果使用选择选项在输入中数字值更低或更高，则显示文本块

1 个答案: