Question

我需要将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);
        }
    });
}

textbox4仅在textbox3为onkeyup时才获得textbox3的值，但是我需要向textbox4显示没有keyup事件的textbox3的值。

Answer 1

首先为您的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函数内部

Answer 2

如果仅使用Jquery，我认为您必须有一个事件来更新textbox4的值。例如：

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

以其他方式，您可以使用角度模态来解决它。

从第二个文本框中获取数据

2 个答案: