根据选择选项加载内容

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");
});