使用在两者上选择的jquery填充另一个输入时自动填充输入

时间:2013-08-25 19:23:18

标签: jquery jquery-chosen

当我遇到问题时,我在stackoverflow上帮助了另一个用户 - 我解释了如何解决问题,但是我无法将我的代码(我想添加作为示例)实际工作。我对jQuery很陌生,所以尽管我理解了基础知识以及可以做什么和不能做什么,但我仍然发现自己正在努力完成简单的任务。

在这种情况下,我尝试使用标记系统(jQuery chosen)创建两个输入字段。两个输入都有相同的选项列表,我希望当您为第一个输入输入项目时,它会自动将其添加到第二个输入。这个想法是你可以从第二个列表中删除你想要的任何项目而不影响第一个。

您可以在this jsfiddle中看到我的尝试。我尝试从第一个输入中提取值并循环它,但由于某种原因,它并没有真正循环到第一个项目之外。

我还尝试将第一个项目应用到第二个列表,如下所示:

$('#shipping option[text='+value.value+']').attr('selected', 'selected');

并在循环之后执行此操作:

$(".chosen-select").trigger('chosen:updated');

我知道这不会超出第一项,但它甚至不起作用。我对下一步应该做的事情感到很困惑。显而易见的是,所选择的更改输入并且它的行为不像通常那样,但我无法理解如何解决这个问题。任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

使用此行:

$('#shipping option[value="'+value+'"]').prop('selected', true);

请注意,如果您选择“美国”或“英国”,它们将在Chosen插件中显示两次,因为这些选项在您的html中存在两次,但您可以使用:first选择器避免这个

$('#shipping option[value="'+value+'"]:first').prop('selected', true);

修改

以下代码正常运行:http://jsfiddle.net/rf90210/uZBXM/2/