如何更改使用jquery ajax选择的下拉选项

Question

Jquery 代码

 $( function() {

        $( '#copy' ).click(function() {
            var enid = $("#enid").text(); 
            $('#copy').html('Loading...');
        $.ajax( {
                        url : 'http://localhost/crm/customers/copy_enquirer',
                        type : 'post',
                        data : "enid="+enid,
                        success : function( resp ) {
                                     $('#race').val($('#inner_3',resp).html());
                        }
            });
               return false;
        });
    });

我的表单

 <select name="race" id="race">
<option value="chinese">Chinese</option>
<option value="indian">Indian</option>
<option value="malay">Malay</option>
<option value="other">Other</option>
</select>  

if is $('#race').val('malay'); onclick 时表单会变成马来语，但 if 是 $('#race').val($('#inner_3',resp).html()); onclick后下拉列表不会改变。我必须使用 $('#race').val($('#inner_3',resp).html());因为该值是动态的。

Answer 1

因为您正在做：

$('#inner_3',resp).html();

后台实际发生的事情是：

$(resp).find('#inner_3').html();

如果 #inner_3 位于返回的 HTML 的顶层，则 find()^(docs)方法不会帮助您，因为它只查看顶级元素的后代。

您需要使用 filter()^{(docs)< /i>} 相反。

$('#race').val( $(resp).find('#inner_3').html() );

另外，请记住，您可能需要使用 jQuery.trim()< support>(docs) 删除 HTML 中的任何空格（如果有）。