Question

我有这个jQuery代码。我的问题是我想使用jQuery用input下拉列表替换文本框select。这是我的代码：

jQuery(document).ready(function($) {
    var select  = $("<select>").addClass("form-group");

    var request = {
        'action': 'zipcode'
    };

    $.getJSON(zibbra.getAjaxUrl(), request, function(response) {
        var error = $("<select>")
        $.each(response, function(i, field){
            $('#billing_zipcode').append($('<option>', {
                value: field.id,
                text: field.zipcode
            }));
        });
        $("#billing_zipcode").replaceWith(dropdown);
    });
});

<input id="billing_zipcode" name="billing[zipcode]" value="" type="text">

它似乎无法正常工作。有人能帮我解决这个问题吗？任何帮助都非常感谢。 TIA

Answer 1

您正在尝试创建select元素而忘记在其中添加选项

jQuery(document).ready(function($) {
    var select  = $("<select>").addClass("form-group");

    var request = {
        'action': 'zipcode'
    };

    $.getJSON(zibbra.getAjaxUrl(), request, function(response) {
        var dropdown = $("<select>");
        $.each(response, function(i, field){
            dropdown.append($('<option>', {
                value: field.id,
                text: field.zipcode
            }));
        });
        $("#billing_zipcode").replaceWith(dropdown);
    });
});

在jquery输入文本框中使用replaceWith来选择下拉列表

1 个答案: