jQuery在ajax load返回null后获取select框的值

时间:2018-03-16 01:06:01

标签: jquery html ajax

我有选择框

<select id="operator">
</select>

然后iam使用jquery加载选定的选项

<script>
   $("#operator").load("select.php");
</script>

之后我使用

$("#operator").val();

但返回null

我试试

$(document).ready(function(){
   var operator = $('#operator').val();
alert(operator);

});

仍然重新归零

再试一次

$(document).on('ready','#operator', function(){
   var operator = $('#operator').val();
alert(operator);

});

仍然返回null

如何在ajax加载后获取值?

完整代码

<Select id="operator">
</select>

<Script>
$("#operator").load('select.php');

$(function(){
  var operator =   $("#operator").val();
  alert(operator);
}
</script>

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

可能是因为AJAX请求尚未完成,这意味着select还没有任何option

所以试试这个:

$("#operator").load("select.php", function() {
    var value = $( '#operator' ).val();
    alert( value );
});

或者,如果这不起作用,那么试试这个:

jQuery( function( $ ) {
    $("#operator").load("select.php", function() {
        var value = $( '#operator' ).val();
        alert( value );
    });
} );

如果仍然无效,那么您应该共享 select.php 中的内容/代码,我假设它生成(或应该生成)某些option