使用另一个输入值设置jQuery值

Question

如果用户更改了下拉字段中的值，我需要更新一些隐藏的输入字段。多个表单中有多个隐藏的输入字段，但为了便于使用，只有一组下拉列表供用户过滤。

我的问题是，我知道你可以使用jQuery设置一个值：

$('input[name=hidden_value_name]').val('Sample Value');

但我想做这样的事情：

$('input[name=hidden_value_name]').val($('#dropdown_field_id').val());

但上述行不起作用。有没有办法做到这一点？

Answer 1

您正在寻找change事件：

＆＃13;

＆＃13;

$('#dropdown_field_id').on('change', null, function() {
    $('input[name=hidden_value_name]').val($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input name="hidden_value_name" /><br>
<select id="dropdown_field_id">
  <option></option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

＆＃13;

＆＃13;

＆＃13;