javascript - Jquery 组合框，代码中的选择

Question

我有两个 jquery 组合框，其中填充了各种选项:

<select id="project">
    <option value="1">This is project 1</option>
    <option value="2">This is project 2</option>
</select>
<select id="tasks">
     <option value="1">This is task 1</option>
     <option value="2">This is task 2</option>
</select>

我没有显示 comobobox 脚本添加的所有 html，其中包括文本框。问题是，当我从第一个组合中进行选择时，我想在第二个组合框中编写选择脚本，但由于某种原因，我无法显示该选择。

我会创建一个 jsfiddle 来演示该问题，但我不知道如何链接资源。

我尝试过设置 selectedIndex 成员或调用 val() 方法，但没有成功。

Answer 1

我的建议是:

$(function () {
  $('#project').change(function(e){
    var itemToSelect = $(this).find(":selected").val();
    $('#tasks').val(itemToSelect);
  });
});

<script src="//code.jquery.com/jquery-1.11.3.js"></script>

<select id="project">
    <option value="1">This is project 1</option>
    <option value="2">This is project 2</option>
</select>
<select id="tasks">
    <option value="1">This is task 1</option>
    <option value="2">This is task 2</option>
</select>