Javascript 使用“选择”选项更改多个跨度值

我想根据选择框的值更改多个跨度值。请参阅下面的代码

HTML:

我的控制台说，他无法读取未定义的[value]属性。我的JSON数据是否不正确？应该解析它吗？如果是，如何解析？或者有人知道这个问题的另一种解决方案吗

---

提前谢谢

在您的示例中，addressData是全局范围内的数组，而不是jquery元素$（this）的属性。试试这个：

$('#addressName').html(addressData[value].addressName);
$('#addressStreet').html(addressData[value].addressStreet);
$('#addressCity').html(addressData[value].addressCity);
$('#addressCountry').html(addressData[value].addressCountry);

---

在您的示例中，addressData是全局范围内的数组，而不是jquery元素$（this）的属性。试试这个：

$('#addressName').html(addressData[value].addressName);
$('#addressStreet').html(addressData[value].addressStreet);
$('#addressCity').html(addressData[value].addressCity);
$('#addressCountry').html(addressData[value].addressCountry);

设置

span

元素的html内容时，不应使用

$（this）

。它应该是这样的：

$('#addressName').html(addressData[value].addressName);

设置

span

元素的html内容时，不应使用

$（this）

。它应该是这样的：

$('#addressName').html(addressData[value].addressName);

您不应使用

$（此）

读取

地址数据

，因为

$（此）

指的是

选择国家

选择框，请将其删除

$(document).ready(function() {
$("#selectCountry").change(function() { 
    var value = $('#selectCountry').val();
    $('#addressName').html(addressData[value].addressName);
    $('#addressStreet').html(addressData[value].addressStreet);
    $('#addressCity').html(addressData[value].addressCity);
    $('#addressCountry').html(addressData[value].addressCountry);
}).change();
});

您不应使用

$（此）

读取

地址数据

，因为

$（此）

指的是

选择国家

选择框，请将其删除

$(document).ready(function() {
$("#selectCountry").change(function() { 
    var value = $('#selectCountry').val();
    $('#addressName').html(addressData[value].addressName);
    $('#addressStreet').html(addressData[value].addressStreet);
    $('#addressCity').html(addressData[value].addressCity);
    $('#addressCountry').html(addressData[value].addressCountry);
}).change();
});

---

哇，我应该早点看。哇，我应该早点看。哇，我应该早点看。谢谢你的快速回复！哇，我早该看到的。谢谢你的快速回复！哇，我早该看到的。谢谢你的快速回复！很高兴我能帮你。哇，我早该看到的。谢谢你的快速回复！很高兴我能帮助你。