Question

我使用像这个代码

这样的javascript动态创建一个select元素

msdeploy

并为此选择元素指定已更改的选定索引，如此

typehtml = '<select id="select"><option value="first">All      </option>';
$.ajax({
    type: 'POST',
    url: 'web service url',
    data: "web service parameters",
    dataType: 'xml',
    success: function(response) {
        $(response).find('IssueType').each(function() {

            var namei = $(this).find('Name').text();
            var id = $(this).find('Id').text();


            typehtml += '<option value="' + id + '" >' + namei + '</option>';

        });
        typehtml += '</select>';
        document.getElementById("typediv").innerHTML = typehtml;


    },
    error: function(error) {
        alert(error);
    }
});

但是当我选择一个值时，这个函数不会触发，有人知道为什么吗？

Answer 1

对于动态添加的元素，请使用on事件委派。

$(function() {
    $('#typediv').on('change', '#select', function() {
        var selected = $(this).val();

    });
});

Answer 2

您正在尝试绑定页面上不存在的元素的函数，您必须稍微更改您的代码，如下所示：

$c = curl_init();
curl_setopt($c, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($c, CURLOPT_URL, "https://maps.google.com/maps/api/geocode/json?sensor=false&address=xyz");

如何使用javascript为select元素调用选定的索引？

2 个答案: