选择<option>并使用jquery更改val（）

Question

$(document).ready(function() {
  if ($('#test').val() == 1) {
    var gg = 120;
    $('#first').val(gg);
    $('#two').val(gg);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select class="form-control" id="test" required>
  <option value="1" selected>OK</option>
  <option value="2">NO</option>
</select>

<input type="text" id="first" class="form-control">
<input type="text" id="two" class="form-control">

当我选择OK时我想输入120.我该怎么做？我试试这个..

Answer 1

使用change事件绑定此内容，如下所示。

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#test').change(function() {
    var gg = 130 - (this.value * 10);
    $('#first').val(gg);
    $('#two').val(gg);
  }).change();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select class="form-control" id="test" required>
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<input type="text" id="first" class="form-control">
<input type="text" id="two" class="form-control">

＆＃13;

＆＃13;

＆＃13;