Jquery复制粘贴问题

Question

我在HTML5中有多个选择，我想选择一个或多个选项，然后将它们放入另一个选择中。我用jQuery做了，但问题是我想从右边选择，然后复制到一个类型为text的输入中。

代码如下：

 {{#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/