javascript - JQuery无法获取动态添加字段的值

Question

我有一个带有简单表单的隐藏 div:

<div id="mb_clookup" style="display: none;">
    <strong><font color="#0066CC">Search for existing customers</font></strong><br /><br />
    <font color="#FFF">
        Postcode: <input type="text" name="cl_zipcode" id="cl_zipcode" />
        <span id="cl_search">Search</span>
    </font>
</div> 

当用户单击页面上的按钮时会显示此信息。用户输入邮政编码，单击搜索，然后调用 JSON 查询。我已设法使“搜索”按钮与 .live() 一起使用，但无法获取输入字段的值。这是代码:

$(document).ready(function(){ 
    $(document).on( "click", "#cl_search", function() {
        var pc = $('#cl_zipcode').val();

        if(pc === '') {
           alert('Please type in a post code first.');
        }
        else {
            // JSON
        }
    });
});

Th pc 变量为空。我尝试过:$(this).find('#cl_zipcode').val() 这出现了未定义。 请指教。

Answer 1

您可以使用以下内容

var pc= $("#mb_clookup").find('#cl_zipcode').val();

或

var pc= $("#mb_clookup :input").val();

检查fiddle