当下拉列表项目发生变化时，动态显示所选项目作为警报（Javascript）

Question

我试图在选定的下拉列表项目发生更改时更改分区内显示的值。单击按钮执行此操作是我到目前为止所做的工作，但是，我想知道每次选择更改时是否可以自动更改此值。

<select id="mySelect"> 
    <option value="st1" selected="selected">Create new Stream</option> 
    <option value="st1">Stream 1</option> 
    <option value="st2">Stream 2</option> 
    <option value="st3">Stream 3</option> 
    <option value="st4">Stream 4</option> 
</select> 

<input type="button" value="show attributes" class="panel-button-attr" onclick="choice()"> 

我的js函数：

function choice() { 

    var choice=document.getElementById("mySelect"); 
    var strUser = choice.options[choice.selectedIndex].text; 

    if(strUser=="Stream 1"){ 
     alert("You selected Stream 1"); 
    } 
    else if(strUser=="Stream 2"){ 
     alert("You selected Stream 2"); 
    } 
    else if(strUser=="Stream 3"){ 
     alert("You selected Stream 3"); 
    } 
    else if(strUser=="Stream 4"){ 
     alert("You selected Stream 4"); 
    } 
    else { 
     alert("Create Stream"); 
    } 

} 

根据这个代码，我需要在不调用选择（0函数每次显示警报消息相反，它应该在每一个选择更改警报。下拉列表

Answer 1

您可以设置选择onchange事件：

<select id="mySelect" onchange="choice()"> 
    <option value="st1" selected="selected">Create new Stream</option> 
    <option value="st1">Stream 1</option> 
    <option value="st2">Stream 2</option> 
    <option value="st3">Stream 3</option> 
    <option value="st4">Stream 4</option> 
</select> 

Answer 2

首先，你可以这样做（更动态）：

var choice = document.getElementById("mySelect"); 

function choice() 
{ 
    var strUser = choice.options[choice.selectedIndex].text; 

    if(strUser !== "Create new Stream"){ 
     alert("Create new stream"); 
    } 
    else{ 
     alert("You selected " + strUser); 
    } 
} 

然后，你必须添加一个“onChange”事件到你的选择。

<select id="mySelect" onchange="choice()"> 
    <option value="st1" selected="selected">Create new Stream</option> 
    <option value="st1">Stream 1</option> 
    <option value="st2">Stream 2</option> 
    <option value="st3">Stream 3</option> 
    <option value="st4">Stream 4</option> 
</select> 

它根本不干净，但它会工作。 如果你想要一个更好和正确的方式来做到这一点，让我知道。