jquery - 将复选框列表中的值添加到文本框

Question

我是 jQuery 新手，所以我不熟悉它的语法。

我现在面临的问题是，我有一个包含一些值和相应复选框的下拉列表。当有人从下拉列表中选择特定值时，即从下拉列表中检查复选框时，我想将复选框的“值”添加到复选框下拉列表之外的文本框中。

我想出的代码是

$(".productr-dropdown li input[type='checkbox']").click(function(e){
        var cmd = $(this).val();
        addToTextBox(cmd);
});  

function addToTextBox(cmd){
    command = $(".z:eq(2)").find("#platform_Command").val();

    if (command.indexOf(' '+cmd+' ')>=0)
        return;
    else {
        // THIS IS THE NEXT PART WHERE I AM STUCK
        // I don't know how to add/replace the contents of 'cmd' 
        //  to the contents of 'command'(which is the value of the textbox)    
    }       
}

为了更好地解释我的问题，我将在这里写一个用例，用户从下拉列表中选中一个复选框，例如选中的复选框的值是“abc”，我要在其中添加此“abc”的文本框已经有一个值“xyz hijkl defg”。应该发生的情况是，值“abc”应该添加到文本框，文本框的值将是“xyz abc hijkl defg”

我遇到的问题是我不确定我是否也调用了正确的事件。

我想到的另一种方法是，$(文档).click(函数(e) { $(".productr-dropdown").hide(); $(".productr-dropdown").each(["input='checkbox':checked"], function (e){ addToTextBox($(this).val()); }); });

哪个更好？

仅选择下拉列表中选中的值的语法是什么？

Answer 1

请您提供 HTML。我在这里即兴发挥:

JSFIDDLE demo

顺便说一句，我仍然不清楚你想要实现什么目标。