2017-09-30 110 views
0

點擊這個選擇元素時,行內叫「平變化」應該調用javascript函數:如何通過在線獲得選擇元素的值的javascript

<select onchange="if (this.selectedIndex) do_something();"> 
    <option value=1>1</option> 
    <option value=2>2</option> 
</select> 

基本上我如何提交選擇「do_something選項()'功能?或者在函數中如何獲得選擇的選項值?

+0

[如何在html選擇的onChange上傳遞參數](https://stackoverflow.com/questions/5024056/how-to-pass-parameters-on-onchange-of-html-select) – Andrew

+0

可能的重複[使用JavaScript獲取下拉列表中的選定值?](https://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript) –

回答

1

你可以試試這個:

function do_something(e) { 
 
    alert(e); 
 
}
<select onchange="if (this.selectedIndex) do_something(this.value);"> 
 
    <option value=1>1</option> 
 
    <option value=2>2</option> 
 
    <option value=3>3</option> 
 
    <option value=4>4</option> 
 
</select>

您可能注意到,我不會爲1,因爲的selectedIndex等於0,第一個索引工作(該值1)

所以更通用它可以是:

function do_something(e) { 
 
    //we make do test on the element e 
 
    alert(e.value); 
 
}
<select onchange="do_something(this);"> 
 
    <option value=1>1</option> 
 
    <option value=2>2</option> 
 
    <option value=3>3</option> 
 
    <option value=4>4</option> 
 
</select>

1

function do_something(i){ 
 
    console.log(i); 
 
}
<select onchange="do_something(this.selectedIndex);"> 
 
    <option value=1>1</option> 
 
    <option value=2>2</option> 
 
</select>

嘗試增加其作爲do_something函數的參數。

+0

selectedIndex將不包含該值,但您可以看到的值的索引 –

相關問題