1

htmlは

<select class='pay-type' style='width:100%'>
  <option>Credit Card</option>
  <option>Cash</option>
  <option>Credit Note</option>
  option>Gift Voucher</option>
  <option>Cheque</option>
</select>

同じhtmlを新しいdivに挿入して、この選択を再現します。ドロップダウンで選択が変更されたときにトリガーするモジュールを作成しました。onclick関数で正確なドロップダウンの選択された値を取得するにはどうすればよいですか？次のコードは機能しないようです。

$('.pay-type').change(function(){
  console.log($(this).filter('option :selected'));
});
4

1 に答える 1

2

あなたは行方不明です.text()

$('.pay-type').change(function(){
    console.log($(this).filter('option :selected').text()); // to show the text
    console.log($(this).val()); // to show the value
});

注：コードにはいくつかの問題があります。

  1. オプションには値がありません。厳密には必須ではありませんが、それらを用意することをお勧めします。textデータベースに値を保存する場合は、メソッドのみを使用して保存する必要があります。
  2. 最初に「支払い方法の選択option」を選択した場合、ユーザーはクレジットカードオプションを選択して、選択したdivに表示することもできます。同じことを行うには、ユーザーは最初に他の何かを選択してから、戻ってそのオプションを選択して表示する必要があります
于 2012-11-21T10:49:18.500 に答える