Question

我在HTML5中有多个选项，我想选择一个或多个选项，然后将它们放入其他选项中。我是用jQuery做的，但问题是我想从右边选择并复制到带有文本类型的输入中。

以下是代码：

 {{#if items}}
    <select multiple id="gauche">
    {{#each items}}
        <option value="{{value}}">{{name}}</option>
    {{/each}}
    </select>
            <button id="add" data-actionname="ajouteritems" class="btn btn-lg btn-primary">Ajouter</button>
            <button id="delete" data-actionname="enleveritems"class="btn btn-lg btn-primary">< Enlever </button>
{{else}}
    <p> il n'y a pas d'item </p>
{{/if}}
<select multiple id="droite" required >
</select>
<button id="ok" class="btn btn-lg btn-primary" data-actionname="choisir">choisir</button>

从左侧获取jQuery代码并粘贴到右侧

var ajouteritems = function(bouton){
    // ici this doit être ma classe formulaire1 (google javascript call)
    var t = this;

    //google jquery selector
    var lesoptions = $('#gauche').find(":selected");
    $('#droite').append(lesoptions);

};
var enleveritems = function(bouton){
    var lesoptions = $('#droite').find(":selected");
    $('#gauche').append(lesoptions);
};

但是，当我想从左边切换到输入时它不起作用有人有任何想法吗？

Answer 1

您需要绑定事件处理程序，否则它们将不会在事件触发时执行。

示例：

$(function (){
    $('#add').click(ajouteritems);
    $('#delete').click(enleveritems);
});

http://jsfiddle.net/k2uZ7/1/

Jquery复制粘贴问题

1 个答案: