基于Select选项加载内容

Loading content based on a Select option

本文关键字：加载 选项 Select 基于      更新时间：2023-09-26

我有一个动态加载内容的屏幕。我使用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在每个选项上立即加载它?

任何帮助都将非常感激。

您必须使用change()来根据需要放置文件内容

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