如何根據選擇的選項更改文本？

Question

這可能很簡單，但我不能解決它。

我希望能夠根據選擇哪個選項來更改某些段落文本。

HTML

<form action=""> 
<select name="" id=""> 
    <option id="1" value="One">One</option> 
    <option id="2" value="Two">Two</option> 
    <option id="3" value="Three">Three</option> 
</select> 
</form> 
<br /> 
<p>Text</p> 

JQ

$("#1").click(function(){ 
$("p").html("Changed!"); 
}); 

這裏的筆：

https://codepen.io/anon/pen/qNawgv

Answer 1

您無法通過點擊觸發選項元素！這一切都與選擇器元素有關。您檢查是否選擇了一個選項，selecet元素自動獲取所選選項元素的值。

<form action=""> 
<select name="" id="slct"> 
    <option id="1" value="One">One</option> 
    <option id="2" value="Two">Two</option> 
    <option id="3" value="Three">Three</option> 
</select> 
</form> 
<br /> 
<p>Text</p> 

jQuery的

$('#slct').change(function(){ // when a option is selected 
    //$("p").html($('#slct').val()); // pushs html code in P element 
    $("p").text("Changed!"); 
    /* 
    anyway you should use $.text if you don't have HTML element to push in 
    */ 
});