jquery - 如何让 jQuery 以数字方式检查数值？

Question

在我的代码中，我有一个 if 语句，用于检查一个选择标记中的值是否大于或等于另一个选择标记中的另一个值。

如何更改我的代码，以便以数字方式而不是通常的 unicode 方式进行检查？例如，它返回低于 500,000 的 1,000,000。

不幸的是，我不太确定我应该在这里寻找什么。任何正确方向的帮助将不胜感激。

HTML

<select id="price_min" name="price_min" class="custom-select">
  <option value="1" selected>Any min</option>
  <option value="50000">£50,000</option>
  <option value="100000">£100,000</option>
  <option value="150000">£150,000</option>
  <option value="200000">£200,000</option>                
  <option value="300000">£300,000</option>                
  <option value="400000">£400,000</option>                
  <option value="500000">£500,000</option>
  <option value="1000000">£1,000,000</option>
  <option value="2000000">£2,000,000</option>
  <option value="5000000">£5,000,000</option>
  <option value="10000000">£10,000,000</option>
</select>

<select id="price_max" name="price_max" class="custom-select">
  <option value="1" selected>Any max</option>
  <option value="50000">£50,000</option>
  <option value="100000">£100,000</option>
  <option value="150000">£150,000</option>
  <option value="200000">£200,000</option>
  <option value="300000">£300,000</option>
  <option value="400000">£400,000</option>
  <option value="500000">£500,000</option>
  <option value="1000000">£1,000,000</option>
  <option value="2000000">£2,000,000</option>
  <option value="5000000">£5,000,000</option>
  <option value="10000000">£10,000,000</option>
</select>

jQuery:

   var min = $('#price_min').val(),
   max = $('#price_max').val();


  $('#price_max option').show();

  if (min != 1) {
    $('#price_max option').filter(function(){
      return parseInt(this.value,10) <= min;
    }).hide();

    if (min >= max) {

      $('#price_max').val(min);
      $('#price_max option:selected').next().attr('selected', 'selected');
    }
  }

选择最低价格后，所有低于该价格的值都将从最高列表中隐藏。当选择最低价格并且高于选择的最高价格时，需要隐藏相关值，然后选择最高列表中可用的下一个最高值。

无论发生什么，我都不希望任何人能够在最高列表中选择比最低列表中已选择的价格更低的价格。

谢谢

Answer 1

您可以使用parseInt()来实现这一点。我可以在您的代码中看到您已经在一处使用它，但您最好在创建 min 和 max 值时执行此操作:

var min = parseInt($('#price_min').val(), 10),
  max = parseInt($('#price_max').val(), 10);

$('#price_max option').show();

if (min != 1) {
  $('#price_max option').filter(function() {
    return parseInt(this.value, 10) <= min;
  }).hide();

  if (min >= max) {
    $('#price_max').val(min);
    $('#price_max option:selected').next().prop('selected', true);
  }
}