所選選項的事件處理程序

Question

我需要處理所選選項的警報事件。 。

<select> 
     <option value="1">A</option> 
     <option value="2">B</option> 
     <option value="3">C</option> 
     <option value="3">D</option> 
    </select> 

對於離，如果讓我選擇 「B」 選項，我想提醒像 「被選中的選項是：B」，等...

謝謝！

Answer 1

嘗試一次它的工作。

function myFunction() { 
 
    var x = document.getElementById("mySelect").value; 
 
    alert('You Selected'+' '+x); 
 
}

<p>Select a any value in list.</p> 
 

 
<select id="mySelect" onchange="myFunction()"> 
 
    <option value="1">A 
 
    <option value="2">B 
 
    <option value="3">C 
 
    <option value="4">D 
 
</select>

Answer 2

工作例如：（這是一個jQuery例如，使用選擇器和事件基本）

// Wait for DOM load 
 
$(document).ready(function() { 
 
    
 
    // Binding change event to the <select> 
 
    $('#my_select').change(function() { 
 
    
 
    // Saving the HTML corresponding to the value selected 
 
    $selected = $('#my_select option:selected').text();; 
 
    // Debugging actual selection DOM-node on console 
 
    console.log($('#my_select option:selected')); 
 
    // Showing the message 
 
    alert("Chosen option is: " + $selected); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<!-- I have set an ID to identify you select --> 
 
<select id="my_select"> 
 
    <option value="1">A</option> 
 
    <option value="2">B</option> 
 
    <option value="3">C</option> 
 
    <option value="3">D</option> 
 
</select>

一些官方jQuery的文檔鏈接：

http://api.jquery.com/category/events/

http://api.jquery.com/category/selectors/