如果我使用jQuery创建一个select下拉列表，则.change()方法不起作用

Question

我的Javascript代码是这样的

for(var k in totalimage)
{
   $('#country').append('<select><option>'+country[k].name+'</option></select>');
}

如果我更改了选定的国家/地区，我希望在城市下拉列表中仅显示该国家的城市，该下拉列表也使用jQuery绑定，但.change()方法不起作用。

我想同时上传多张图片。而且我还需要为每个图像，我将被选中的国家和城市选择框。这就是为什么我要使用jQuery为我要选择的每个图像创建选择框。

Answer 1

您可以在JS部分中创建一个函数，然后使用onChange属性调用元素中的let

就像这样

function displaySelectedCountry() {
    // your code
}

然后使用onChange在元素中使用此函数，如下所示

<select onChange="displaySelectedCountry()">

或者，您可以使用这种方式。给出元素id，例如名为"js-displaySelectedCountry“，然后在javascript部分中使用如下所示的更改事件

$(document).on('change', '#js-displaySelectedCountry', function () {
    // your code here!
});