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
        }
    });
});

PC 变量变为空。我试过:$(this).find('#cl_zipcode').val() 这会出现未定义的情况。请指教。

Answer 1

您可以使用以下内容

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

或

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

检查 fiddle