2

コンボボックスから選択したオプションをテキストエリアに表示したい。 jsフィドル

html は次のとおりです。

<select id="header-values" multiple="headervalues" style="width:200px" name="headervalues" >
                            <option selected="">MVA</option>
                            <option>Jet Ski</option>
                            <option>Bus Accident</option>
                            <option>Worker's Comp</option>
                            <option>field1</option>
                            <option>field2</option>
                            <option>field3</option>
                        </select>
                        <br>
                        <textarea id="headervalues-log" class="log" class="ui-widget-content"></textarea>

表示されたオプションを選択すると、テキストエリアに挿入されます。オプションを再度選択すると、次のオプションが表示されます。

次のコードを試しましたが、うまくいきません。何が悪いのか理解できず、

/*$("select, #header-values").change(function(){
        var selecttext =$('#header-values : selected').val();
        var insertText = $(this).text();
        $('#headervalues-log').append(" "+insertText);
    });*/

$("select, #header-values").change(function () {
    var str = "";
    $("select option:selected").each(function () {
        str += $(this).text() + " ";
    });
    $("headervalues-log").text(str);
})
4

3 に答える 3

1

できるよ：

$("#header-values").change(function() {
    var selOption = $(this).find(":selected").text();

    $("#headervalues-log").text(selOption);
});

デモ: http://jsfiddle.net/QJ6yQ/7/

この行を最後に追加して複数選択し、テキストエリアからエントリを削除した後にフィールドを選択します。

 $("#headervalues-log").val(function() { 
     return this.value + selOption + ', ' }).prependTo("#headervalues-log");
 });
于 2013-05-29T17:53:36.630 に答える