Jquery组合框，代码中的选择

Jquery comboboxes, selection in code

本文关键字：选择 代码 组合 Jquery      更新时间：2023-09-26

我有两个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>

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

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

我已经尝试过设置selectedIndex成员或调用val（）方法，但没有成功。

我的建议是：

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

我认为这就是您需要的

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

$('#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');
    } 
});

请参阅此

与"Alla M.Jaddou"讨论的解决方案是向$.widget创建的输入框添加一个id（"custom.combobox"，｛｝）；回调。

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

    id = this.element[0].id;

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

当组合框中的选择发生变化时，我会得到输入元素并设置文本。

相关文章：