Question

i want autofill in "Nama Pegawai" if i select "Id Pegawai"

请有人了解自动填充的代码是什么帮助我。我已经尝试但它不起作用。

这是我的代码：

<div class="form-group">
<label>Id Pegawai</label>
<select name="id_pegawai" id="id_pegawai" onkeyup="autofill()" class ="form-
control">
<option value="#" disabled selected >Pilih ID Pegawai</option>
<?php 
 @mysql_connect("localhost", "root", "");
 mysql_select_db("gorden_interior");
 $sql = mysql_query("SELECT * FROM pegawai");
 if(mysql_num_rows($sql) != 0){
    while($pegawai = mysql_fetch_assoc($sql)){
        echo '<option>'.$pegawai['id_pegawai'].'</option>';
    }
}
?>
</select>
</div>

<div class="form-group">
<label>Nama Pegawai</label>
<input type="text" name="nama_pegawai" id="nama_pegawai" readonly 
class="form-control">
</div>

</table>
</form>
<script href="<?php echo base_url('assets/javascript/jquery-3.1.1.min.js');?
>"></script>
<script type="text/javascript">
    function autofill(){
        var id_pegawai = $("#id_pegawai").val();
        $.ajax({
            url : 'proses.php',
            data : 'id_pegawai='+id_pegawai,
        }).success(function(data){
            var json = data,
            obj = JSON.parse(json);
            $("#nama_pegawai").val(obj.nama_pegawai);
        });
    }
</script>

谢谢

Answer 1

在您的选择中onkeyup="autofill()"必须更改为onchange="autofill()"。

onkeyup仅在有按键时才会触发。

Answer 2

$("#idOfSelect").on("change",function(){
$thisVal = $("#idOfSelect option:selected").text();
$("#idOfTextInput").val($thisVal);
})

Haven未经测试，但它应该像上面那样。如果它是您想要更改的选择的值

$("#idOfSelect option:selected").text()

到

$("#idOfSelect").val()

jQuery自动填充表单无法正常工作

2 个答案: