Javascript 选择select选项时，将数据加载到div中

嗨，我最近一直在玩jquery。我最初有三个按钮，上面有城市名称，并使用简单的jquery.load函数将数据输入另一个单独的div

$document.readyfunction{ $.London.clickfunction{ $div1 h2.loadLondon.txt； }; $.NewYork.clickfunction{ $div1 h2.loadNewYork.txt； }; $.Shanghai.clickfunction{ $div1 h2.loadShanghai.txt； }; }; 您必须使用“更改事件”来选择。所以试试这个

<script>
$(document).ready(function(){
    $(".Select").change(function(){
        if($(this).val() === "London") { //load London.txt } 
        else if($(this).val() === "NewYork") { //load NewYork.txt }
        else if($(this).val() === "Shanghai") { //load Shanghai.txt }
    });
});
</script>

您必须使用“更改事件”来选择。所以试试这个

<script>
$(document).ready(function(){
    $(".Select").change(function(){
        if($(this).val() === "London") { //load London.txt } 
        else if($(this).val() === "NewYork") { //load NewYork.txt }
        else if($(this).val() === "Shanghai") { //load Shanghai.txt }
    });
});
</script>

---

你用选择器做的是错误的。元素在被选中时将其值属性赋予，因此如果使用

$(".Select").value

选择选项后，它将采用所选选项的值。以下是我如何修复您的代码：

$(".Select").on("change", function(){
    if ($(".Select").value == "London") {
        $("#div1 h2").load("London.txt");
    } else if ($(".Select").value == "NewYork") {
        $("#div1 h2").load("NewYork.txt");
    } else if ($(".Select").value == "Shanghai") {
        $("#div1 h2").load("Shanghai.txt");
    }
});

---

你用选择器做的是错误的。元素在被选中时将其值属性赋予，因此如果使用

$(".Select").value

选择选项后，它将采用所选选项的值。以下是我如何修复您的代码：

$(".Select").on("change", function(){
    if ($(".Select").value == "London") {
        $("#div1 h2").load("London.txt");
    } else if ($(".Select").value == "NewYork") {
        $("#div1 h2").load("NewYork.txt");
    } else if ($(".Select").value == "Shanghai") {
        $("#div1 h2").load("Shanghai.txt");
    }
});

改为使用事件的更改

$function{ var h2=$'div1'。查找'h2'； $'.Select'.on'change'，function e{ var city=$this.val； h2.文本“城市更改为：”+城市； var url=city+'.txt'； h2.loadurl、functionresp、状态、请求{ 如果“错误”==状态{ h2.text“加载url失败：”+url； } }; }; }; 选择一个城市 纽约 上海 伦敦 请从顶部选择城市 改为使用事件的更改

$function{ var h2=$'div1'。查找'h2'； $'.Select'.on'change'，function e{ var city=$this.val； h2.文本“城市更改为：”+城市； var url=city+'.txt'； h2.loadurl、functionresp、状态、请求{ 如果“错误”==状态{ h2.text“加载url失败：”+url； } }; }; }; 选择一个城市 纽约 上海 伦敦 请从顶部选择城市

---

你能把剩下的代码或者你想把东西加载到的其他s上吗？你能把剩下的代码或者你想把东西加载到的其他s上吗？