javascript - 选择 onchange 和自定义文本字段值

Question

我已经选择了下面的选项

<select id="order_package_id" class="form-control" name="order[package_id]">
  <option value="1">KJ01</option>
  <option value="2">KJ02</option>
  <option value="3">KJ03</option>
  <option value="4">KJ04</option>
  <option value="5">KJ DELUXE</option>
  <option value="6">KJO6</option>
</select>

和一个隐藏默认值的文本字段

<input id="order_discount_id" class="form-control" type="hidden" value="2" name="order[discount_id]">

我的问题是当选择值 == 6 时，文本字段将更改为 value="3"

我已经尝试使用下面的 jquery 但没有成功

$('#order_package_id').change(function() {
  if($(this).val() == 6) {
    $('#order_discount_id').val() == 3;
  }
});

Answer 1

您应该将值传递给 .val() 方法。在不传递值的情况下，.val() 作为 getter 返回元素的当前值。所以发生的事情是您获取值并使用 == 运算符将其与 3 进行比较。代码有效地 没有做任何事情。

$('#order_discount_id').val(3);

对于赋值，应该使用 = 运算符，但不能在赋值的左侧使用值。

编辑:如果当 select 的值不是 6 时值应该是 2，您应该在您的代码中添加一个 else block 。另一种选择是使用 conditional (ternary) operator :

$('#order_package_id').change(function() {
    $('#order_discount_id').val( this.value == 6 ? "3" : "2" );
});