Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/wcf/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 要在选择上插入多个值吗_Jquery - Fatal编程技术网

Jquery 要在选择上插入多个值吗

Jquery 要在选择上插入多个值吗,jquery,Jquery,我试图从列表中选择多个选项,然后想在输入字段中插入这些值。我到目前为止所做的一切 HTML: 这对单值选择有好处,但我尝试了我知道的方法,但对多选无效 任何帮助都将不胜感激。 谢谢您需要连接到旧值,而不仅仅是替换它 $('.dropdown-container-multiple ul li').click(function(){ $(this).toggleClass('active'); var text = $(this).text(); $(this).parent

我试图从列表中选择多个选项,然后想在输入字段中插入这些值。我到目前为止所做的一切

HTML:

这对单值选择有好处,但我尝试了我知道的方法,但对多选无效

任何帮助都将不胜感激。
谢谢

您需要连接到旧值,而不仅仅是替换它

$('.dropdown-container-multiple ul li').click(function(){
    $(this).toggleClass('active');
    var text = $(this).text();
    $(this).parent('ul').parent('.dropdown-container-multiple').find('input').val(function(i, oldval) {
        return oldval == '' ? text : oldval + " " + text;
    });
});
要能够从输入中添加和删除项目,请将
活动
元素中的所有文本连接起来

$('.dropdown-container-multiple ul li').click(function(){
    $(this).toggleClass('active');
    var texts = $(".dropdown-container-multiple ul li.active").map(function() {
        return $(this).text();
    }).get().join(" ");
    $(this).parent('ul').parent('.dropdown-container-multiple').find('input').val(texts);
});

您需要连接到旧值,而不仅仅是替换它

$('.dropdown-container-multiple ul li').click(function(){
    $(this).toggleClass('active');
    var text = $(this).text();
    $(this).parent('ul').parent('.dropdown-container-multiple').find('input').val(function(i, oldval) {
        return oldval == '' ? text : oldval + " " + text;
    });
});
要能够从输入中添加和删除项目,请将
活动
元素中的所有文本连接起来

$('.dropdown-container-multiple ul li').click(function(){
    $(this).toggleClass('active');
    var texts = $(".dropdown-container-multiple ul li.active").map(function() {
        return $(this).text();
    }).get().join(" ");
    $(this).parent('ul').parent('.dropdown-container-multiple').find('input').val(texts);
});

函数(A){Return V(This,函数(A){Return Void 0==A?M.Text(This):This.Empty().Append((This[0]&This[0].OwnerDocument | | Y).CreateTextNode(A))},Null,A,Arguments.Length)有一个输入错误,我遗漏了
()
.text
之后。像charm一样工作,还有最后一件事,我们可以删除已经选择的文本,然后用户像切换功能一样再次单击该文本吗?为什么不使用真实的
?您可以使用
oldval.indexOf(text)>-1)
来测试所选文本是否已经在其中,以及
oldval.replace(text.))函数(A){Return V(This,函数(A){Return Void 0==A?M.Text(This):This.Empty().Append((This[0]&This[0].OwnerDocument | | Y).CreateTextNode(A)),Null,A,Arguments.Length)有一个输入错误,我遗漏了
()
.text
之后。像charm一样工作,还有最后一件事,我们可以删除已经选择的文本,然后用户像切换功能一样再次单击该文本吗?为什么不使用真实的
?您可以使用
oldval.indexOf(text)>-1)
来测试所选文本是否已经在其中,以及
oldval.replace(text.))
将其删除。