javascript - 当用户设置另一个选择值时，如何通过Javascript设置一个选择值？

Question

我有两个选择框。当用户设置选择框的另一个值时，如何通过 javascript 设置选择值？

<select id="tasktype" name="task_type">
    <option value="1" selected="selected">Station 1</option>
    <option value="2">Station 2</option>
    <option value="3">Station 3</option>
</select>

<select id="percent" name="percent_complete">
    <option value="0" selected="selected">0%</option>
    <option value="25">25%</option>
    <option value="50">50%</option>
    <option value="75">75%</option>
    <option value="100">100%</option>
</select>

例如，当用户将任务类型设置为 Station 2 时，百分比将自动设置为 75。

Answer 1

你可能想要这样的东西；在更改第一个选择时，您可以测试值并设置第二个:

$('#tasktype').change(function() {
  if (this.value == 1) {
    $('#percent').val("25");
  } else {
    $('#percent').val("50");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="tasktype" name="task_type">
  <option value="1" selected="selected">Station 1</option>
  <option value="2">Station 2</option>
  <option value="3">Station 3</option>
</select>

<select id="percent" name="percent_complete">
  <option value="0" selected="selected">0%</option>
  <option value="25">25%</option>
  <option value="50">50%</option>
  <option value="75">75%</option>
  <option value="100">100%</option>
</select>

http://jsfiddle.net/qdga903m/