javascript - SelectでonChangeから値を取得できないのはなぜですか？

Question

フォームの一部をテストします。だから今、私はユーザーが何を選択したかを警告したいだけです：

JS：

function getData(title)
{
     alert(title);
}

PHPによって生成されたHTML：

<select name="currentList" onChange="getData(this);">
     <option value="hat">Hat</option>
     <option value="shirt">Shirt</option>
     <option value="pants">Pants</option>
</select>

値を変更すると、次のアラートが表示されます。

[オブジェクトHTMLSelectElement]

Answer 1

試すalert(this.value)

Answer 2

選択したオプションの値ではなく、 HTMLのselect要素を関数に渡しthisます。選択したオプションの値を取得するには、 byから選択したオプションを取得してから、そのを取得する必要があります。一言で言えば：optionsselectedIndexvalue

function getData(dropdown) {
    var value = dropdown.options[dropdown.selectedIndex].value;
    alert(value);
}

Answer 3

jQueryを使用すると、id = "currentList"を選択リストに追加する限り、alert（$（ "＃currentList"）。val（））;を簡潔にすることができます。このようにして、「this」をonchange関数に渡す必要はありません。

Answer 4

あなたが試すことができます

alert(title.value)