javascript - Jquery - 将输入值传递给单选按钮

Question

我正在使用 MySQL 和 ajax 从表中提取特定信息，然后将其中一个值传递给单选按钮。

用户输入他们的 ID 号，它会自动从 MySQL 表中添加全名、电子邮件地址和经理。

然后，我将经理值传递给单选按钮，但除非我实际单击经理输入字段，否则它不起作用。

我尝试了模糊、更改、keyup、焦点输入/输出，但直到我实际单击输入字段之前它仍然没有传递值。

请注意 - 如果我手动向经理字段添加值，则效果很好。

有什么想法吗？

<input type="text" name="id" id="id" value="" >
<input type="text" class="hidden" name="name" id="name" value="" >
<input type="text" class="hidden" name="email" id="email" value="" >
<input type="text" class="hidden" name="manager" id="manager" value="" >

<input type="radio" name="defaultmanager" id="defaultmanager" value="">
<label for="defaultmanager" id="defmanager" >Default manager:</label>

<input type="radio" name="reason" id="otherreason" value="">Other 
<input type="text" name="otherreason" />

<script>
$('#manager').bind("change paste keyup", function() {
var val = $(this).val();
$('#defmanager').text('Default Manager:' + val);
});
</script>

它再次工作正常，但我必须实际单击输入字段才能将值传递到单选按钮。

以下是自动添加姓名、电子邮件和经理的代码:

$(function() {
    $( "#id" ).on( 'blur' , function() {
        $('#table1 tr').removeClass("hidden");
        // getting the value that user typed
        searchString=$(this).val();

        // forming the queryString
        var data = 'telefoon='+searchString;

        // if searchString is not empty
        if(searchString) {
            // ajax call

            $.ajax({
                type: "POST",
                url: "query2.php",
                data: data,

                success: function(html){ // this happens after we get results
                    result = String(html).split("|");

                    $("#name").val(result[0]);
                    $("#email").val(result[1]);
                    $("#manager").val(result[4]);
                }
            });    
        }
        return false;
    });
});

Answer 1

如果您要以编程方式更改 manager 字段的值，则需要触发更改事件:

$("#manager").val(result[4]).change();

完整的工作示例在这里:

$('#manager').bind("change paste keyup", function() {
    var val = $(this).val();
    $('#defmanager').text('Default Manager:' + val);
});

//Set value of the manager field from the database here
$('#manager').val('Bob Marley').change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="id" id="id" value="" >
<input type="text" name="name" id="name" value="" >
<input type="text" name="email" id="email" value="" >
<input type="text" name="manager" id="manager" value="" >

<input type="radio" name="defaultmanager" id="defaultmanager" value="">
<label for="defaultmanager" id="defmanager" >Default manager:</label>

<input type="radio" name="reason" id="otherreason" value="">Other 
<input type="text" name="otherreason" />