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，其中包括文本框。问题是当我从第一个组合中做出选择时，我想在第二个comobobox中编写一个选项，但由于某种原因，我无法得到要显示的选择。

我会创建一个jsfiddle以解决问题，但我不知道如何链接资源。

我尝试过设置selectedIndex成员或调用val（）方法，没有运气。

Answer 1

我认为这就是你需要的

假设您需要将任务值更改为项目值

$('#project').change(function() {
    $('#tasks').val('here_is_the_related_second_value');
});

更新1

你可以试试这个：

$("#project").combobox({ 
    select: function (event, ui) { 
        $('#tasks').val('here_is_the_related_second_value');
    } 
});

See This

Answer 2

我的建议是：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 3

与“Alla M. Jaddou”讨论的解决方案是在$ .widget（“custom.combobox”，{}）创建的输入框中添加一个id;回调。

在createAutocomplete方法中，我得到了分配给select元素的id：

    id = this.element[0].id;

然后我在输入框中添加一个id属性，前缀为“inp”。

当在组合中更改选择时，我获取输入元素并设置文本。

Jquery组合框，代码选择

3 个答案: