Получение данных из второго текстового поля

Мне нужно объединить значение 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, только если textbox3 onkeyup, но мне нужно показать textbox4, какое значение textbox3 без события keyup.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
65
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Сначала укажите идентификатор вашего текстового поля2 как FirstName. Тогда попробуйте это

$(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();

В противном случае вы можете использовать модальный или угловой для его решения.

Другие вопросы по теме