Tengo un formulario donde hay 5 campos, 3 de ellos tienen un valor como horas, días y arrendamiento que tiene valores predeterminados, luego un cuadro de selección y otro cuadro de entrada vacío, mi código es el siguiente:
$(document).ready(function() { $('#hr').change(function() { $('#mytexts').val($('#hours').val()); }); }); <input type="text" id="hours" value="23" readonly/> <input type="text" id="days" value="33" readonly/> <input type="text" id="lease" value="33" readonly/> <select name="hours" id="hr"> <option value="" onchange="myFunctionhours(this)">---Select---</option> <option value="hours">Hours</option> <option value="days">Days</option> <option value="lease">Lease</option> </select> <input type="text" name="crate" id="mytexts" value="" readonly/>Cuando se selecciona un valor del cuadro de selección, quiero vaciar el cuadro de entrada para obtener valores de los 3 cuadros de entrada en consecuencia, ahora, en lo que hice, solo puedo obtener el valor del cuadro de horas, ¿alguien puede decirme cómo hacerlo? , gracias de antemano
debe tomar el valor del evento de cambio, usando event.target.value y luego asignar su siguiente valor a la entrada de resultado de la siguiente manera:
$('#hr').change(function(event) { let selected = event.target.value; if(selected) $('#mytexts').val($("#"+selected).val()); });ver a continuación fragmento de trabajo:
$(document).ready(function() { $('#hr').change(function(event) { let selected = event.target.value; $("#choise").html(selected) if(selected) $('#mytexts').val($("#"+selected).val()); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="hours" value="23" readonly/> <input type="text" id="days" value="33" readonly/> <input type="text" id="lease" value="33" readonly/> <br /><br /> <select name="hours" id="hr"> <option value="" onchange="myFunctionhours(this)">---Select---</option> <option value="hours">Hours</option> <option value="days">Days</option> <option value="lease">Lease</option> </select> <br /><br /> <input type="text" name="crate" id="mytexts" value="" readonly/> <span id="choise"></span>Debe usar el valor del valor desplegable como selector de consulta en JQuery.
$(document).ready(function() { $('#hr').change(function() { $('#mytexts').val($("#"+$('#hr').val()).val()); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- begin snippet: js hide: false console: true babel: null -->