Javascript 从第二个文本框提取数据

我需要将textbox1和2的值连接到textbox3中，并对textbox3的值进行散列，然后显示到textbox4，而不刷新任何想法？先谢谢你

{{ Form::text('EmployeeID', null, array('class' => 'form-control', 'placeholder'=>'Employee ID', 'id'=>'txt_employeeID','required'=>'')) //textbox1

{{ Form::text('FirstName', null, array('class'=>'form-control', 'placeholder'=>'First Name', 'required'=>'')) }} //textbox2

{{ Form::text('QRValue', null, array('class' => 'form-control', 'id'=>'txt_QRValue','onkeyup'=>'generate_qrcode(this.value)')) }} //textbox 3

{{ Form::text('HashedValue', null, array('class' => 'form-control', 'readonly','id'=>'txt_QRHash')) }} //textbox4

$(document).ready(function () {
 $('#txt_employeeID').keyup(function() {
        $('#txt_QRValue').val($(this).val());
    });
});

function generate_qrcode(qrValue){
    $.ajax({
        type: 'get',
        url: '/qr/generator/getQRValueReg',
        data: {qrValue:qrValue},
        success: function(data){
            $('#QRresult').html(data.code);
            $('#txt_QRHash').val(data.codeHash);
        }
    });
}

---

如果textbox3是onkeyup，textbox4将只获取textbox3的值，但我需要的是在没有keyup事件的情况下向textbox4显示textbox3的值

首先给textbox2一个id作为名字。那么，试试这个

$(document).ready(function () {
 $('#txt_employeeID, #FirstName').keyup(function() {
        $('#txt_QRValue').val($('#txt_employeeID').val()+$('#FirstName').val());
    });
});

然后，存储散列值

var qrvalue = $('#txt_QRValue').val();
var hashed_value = hash_function_you_are_using(qrvalue);
$('#txt_QRHash').val(hashed_value)';

---

在第一条语句之后的keyup函数中

如果只使用

Jquery

，我认为必须有一个事件来更新

textbox4

的值。例如：

$("#textbox3").onChange();
$("#textbox4").pressKey();

另一种方法是，可以使用角度的模态来解析它