1

このコードは、dropDowList から選択されたユーザーの選択内容を画面に表示します。

ここで、各選択の後にセパレーターを配置して、それらが一緒に実行されないようにする必要があります。追加と結合を試みましたが、成功しませんでした。

誰かがこの単純なタスクを達成する方法を教えてくれませんか?

$("#ServiceRequest_select").change(function() {
    var content = $("#ServiceRequest_select option:selected").text();
    $("TD#displayitem").text(content);
});

更新: 動作しない Jquery の例:
Raminson の提案されたコードを のthis代わりに使用した結果は次のとおりdiv#です。単一のアイテムが選択され、アイテムが分離されていない場合、すべてのアイテムが表示されます。jquery が Yii の PHP に含まれているためだと思います。ラミンソンをお試しいただきありがとうございます。

$("#ServiceRequest_select").change(function() { 
    var content = $(this).text(); // text of selected option
    $("#displayitem").append("<span>"+ content +"</span>"); // appends a new span 
});

この次の例では、div#代わりにを使用するthisと、選択されたアイテムが表示されますが、選択解除されたアイテムは削除されないため、変更された選択が前の選択の下に追加されます。

$("#ServiceRequest_select").change(function() { 
    var content = $("#ServiceRequest_select option:selected").text();
    $("TD#displayitem").append("<span>"+ content +"</span>");
});

バリエーションを試し、例を検索しましたが、ユーザーの選択/選択解除などの区切り記号を使用してページにユーザーの選択/選択解除を表示するには、まだ助けが必要<br />ですか? ああ、脳外科手術が必要です。本当に複雑なことを試していないことをうれしく思います。:smile: 私はまだ Jquery は kewl だと思います!

4

1 に答える 1

0

これを試して：

$("#ServiceRequest_select").change(function() {
  var content = $(this).text(); // text of selected option
  $("#displayitem").append('<span class="new">'+ content +'</span>'); // appends a new span 
});
于 2012-07-24T08:49:07.503 に答える