2017-09-30 28 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将不包含该值,但您可以看到的值的索引 –

相关问题