上記のコード内のJavaScript関数

Question

<select onchange="showResult(this.value)"> 
    <option value="AAA">London</option> 
    <option value="BBB">France</option> 
    <option value="ccc">Berlin</option> 
    <option value="DDD">Rome</option> 
</select> 

にオプション要素の内容を渡す方法、各<option>の値は、showResult()にパラメータとして渡されています。

私の質問は、showResult()にパラメータとしてオプション要素（すなわち、 'ロンドン'、 'フランス'、 'ベルリン'、 'ローマ'）のコンテンツを渡す方法です。

多くのおかげ

Answer 1

[yourselect].options[0].textリターン「ロンドン」、[yourselect].options[1].textフランスなどだから、他の言葉で、optionsのすべてのオプションのために-nodeListプロパティtextは、その内容が含まれています。

Answer 2

私はjQueryを使用していないので、this.options [this.selectedIndex] .textを試してください。

Answer 3

function showResult() 
{ 
    var value = this.options[this.selectedIndex].value; 
    var content = this.options[this.selectedIndex].text; 
} 

Answer 4

この問題については、Get selected value in dropdown list using JavaScript?ですか？

一般的に

- あなたのケースでdocument.FORM.FIELDMANE.options[document.FORM.FIELDMANE.selectedIndex].value

それは私が思うべきである - このコード

<select onchange="showResult(this.options[this.selectedIndex])"> 
    <option value="AAA">London</option> 
    <option value="BBB">France</option> 
    <option value="ccc">Berlin</option> 
    <option value="DDD">Rome</option> 
</select> 

onchange="showResult(this.options[this.selectedIndex].value)

Answer 5

書き込みますので、showResult関数に全体の選択オプション]ノードを通過し、値とテキストの両方にアクセスできます

function showResult(opt) { 
    alert(opt.value);  /* e.g. DDD */ 
    alert(opt.text);  /* e.g. Rome */ 
} 

例フィドル：http://jsfiddle.net/xypGa/代わりに（select要素のvalue性）、すなわちonchange="showResult(this)"をthis（select素子）を通過し、Anは利点添加

function showResult(selectElem) { 
    var optionText = selectElem.options[selectElem.selectedIndex].text; 
    alert(optionText); // replace by real code that uses the string 
} 

ようなコードを使用this.valueを通過

Answer 6

関数が要素全体にアクセスできるようになったので、あとでvalueプロパティを使用する必要がある場合は、関数内でも関数呼び出しを変更せずに行うことができます。

Answer 7

<select onchange="showResult(this.options[this.selectedIndex].text)"> 
    <option value="AAA">London</option> 
    <option value="BBB">France</option> 
    <option value="ccc">Berlin</option> 
    <option value="DDD">Rome</option> 
</select>