javascript - javascript が機能しない -> 選択済み

Question

助けを借りて、選択したオプションの値を html フォームに投稿するこの関数を作成しました。

この jsfiddle では、コードと html を確認できます。

これが機能しない理由を誰かが知っていますか? : http://jsfiddle.net/qqcAT/1/

$(document).ready(function() {
    $("#catid").change(function() {
        var src = $(this).val();
        $(".test").html($(this).val());
    });
});

Answer 1

がありません}。次回はコードをインデントしてください。

Answer 2

あなたのフィドルを見ることによって、あなたはこのようなものを必要とするでしょう。私はテストしていませんが、選択したテキストをその下に分割して表示する必要があります。

    $(function () {
$("#catid").change(function () {
  var str = "";
  $("select option:selected").each(function () {
        str += $(this).text() + " ";
      });
  $("div.test").text(str);
})
.trigger('change');
  });