jquery - ドロップダウン選択オプションテキストを入力テキストに入力します

Question

求人広告サイトがあり、ユーザーがドロップダウンリストからいくつかのオプションを選択したときに、そのオプションのテキストを入力フィールドに自動的に入力するように、広告の投稿フォームに表示したいと思います。.valを使用してそのselectの値を取得できましたが、.textを使用すると、入力フィールドにselectで使用可能なすべてのオプションが入力されます。jsfiddle.netをよりよく理解するためのデモがあります

Answer 1

選択したアイテムのみが必要な場合は、次のようなセレクターtextを使用する必要があります。:selected

var selected_item = $(":selected", this).text()

参照：jsfiddle.net

：selectedSelectorに関する詳細情報

Answer 2

ドロップダウンの選択された値を取得するには、text（）の代わりにval（）を使用します。変化する：

var selected_item = $(this).text()

に

 var selected_item = $(this).val()