根據選擇選項加載內容

Question

我有一個可以動態加載內容的屏幕。 我正在使用Jquery load（）; 在同一屏幕上獲取數據的方法。

現在，我有了一個組合框，它將控制屏幕的內容。 例如：如果我在下拉菜單中選擇一個選項，則加載文件...

組合框是：

<select class="stock_combo">
  <option value="select">Select a corridor</option>
  <option value="1">A1</option>
  <option value="2">A2</option>
  <option value="3">A3</option>
</select>

選定的選項應執行以下操作：

<script>
    $(document).ready(function(){
     $(".dangerarea").load("dialogs/stock/corridor1.php");
    });
</script>


<div class="dangerarea">

[ .php filles will be loaded here. ]

</div>

如何將這個Javascript放在每個選項上以立即加載？

任何幫助將不勝感激。

Answer 1

您必須使用change()根據需要放置文件內容

$(".stock_combo").on("change",function(){
    var selected = $(this).val();
     $(".dangerarea").load("dialogs/stock/corridor" + selected + ".php");
});