0

我查看了这个示例，但无法实现它。我想知道我是否遗漏了其他东西。

注意：response.user_data['admin']不为空。我检查了。

有任何想法吗？

谢谢

没有工作线

$('#select_administrator option[value="'+response.user_data['admin']+'"]');
$('#select_administrator option:eq('+response.user_data['admin']+')').attr('selected', 'selected');
$('#select_administrator option:eq('+response.user_data['admin']+')').prop('selected', true);

HTML

<select id="select_administrator" name="select_administrator">
    <option value="NO" <?php echo ($administrator == 'NO') ? 'selected="selected"' : null; ?>>NO</option>
        <option value="YES" <?php echo ($administrator == 'YES') ? 'selected="selected"' : null; ?>>YES</option>
</select>

查询

$(document).ready(function()
{
   $("#select_user").change(function(event)
   {
      event.preventDefault();

      var selected_user = null;
      selected_user = $(this).val();

      $.ajax({
                 type       : "POST",
                 url        : 'mypage.php',
                 data       : {select_user:selected_user},
                 dataType   : "json",
                 success        : function(response)
         {
            if(response.status == "success")
                    {
                        $("#form_errors_jquery").hide();

                        $("#text_username").val(response.user_data['username']);

                        //response.user_data['admin'];
                        //Should select admin combo here

        //$('#select_administrator option[value="'+response.user_data['admin']+'"]');
        //$('#select_administrator option:eq('+response.user_data['admin']+')').attr('selected', 'selected');
        //$('#select_administrator option:eq('+response.user_data['admin']+')').prop('selected', true);

                    }
                    else
                    {
                        $("#form_errors_jquery").html(response.error).fadeIn(1000);
                    }
         },
                 error      : function(response)
                 {
                     $("#form_errors_jquery").html("A network error occured").fadeIn(1000);
         }

      return false;
   });
});
4

2 回答 2

0

为了解决这个问题，我最终改用了这段代码，但为什么上面的原始代码不起作用？

if (response.user_data['admin'] == 'YES')
{
    $('#select_administrator').val('YES');
}
else
{
    $('#select_administrator').val('NO');
}
于 2012-12-05T14:57:09.403 回答
0

对于初学者来说，您的 jquery 会在它更改时选择它，$("#select_user").change(function(event) 但您的 html 是<select id="select_administrator" name="select_administrator">这样，因此您可能希望选择正确的选择元素 id 并重试。

此外，这两者都可以在您的 HTML 中使用 jsfiddle。我的猜测是您的 response.user_data['admin'] 有空格，或者格式不正确。

$(document).ready(function() {
   $('#select_administrator option[value="NO"]').prop('selected', true); 
});​

$(document).ready(function() {
   $('#select_administrator option[value="NO"]').attr('selected','selected'); 
});​

编辑：我制作了一个jsfiddle，将上面的代码与你想要做的事情一起简化，这两个选项根本不起作用：

 $('#select_administrator option:eq('+response.user_data['admin']+')').attr('selected', 'selected');
 $('#select_administrator option:eq('+response.user_data['admin']+')').prop('selected', true);

但是如果你添加 attr('selected', 'selected'); 第一次尝试使它看起来像这样：

$('#select_administrator option[value="'+response.user_data['admin']+'"]').attr('selected', 'selected');

它工作正常。试试看，让我知道？

于 2012-12-05T14:15:36.063 回答