tengo un sitio web hecho en php, que tiene un formulario para que el usuario seleccione ciertos datos, en la selección de los datos, después de que el usuario tiene la opción de generar un valor aleatorio, por lo que el valor aleatorio debe comenzar con el valor del cuadro de selección y algunos número aleatorio, hasta ahora hice lo siguiente:
function Random() { var rnd = Math.floor(Math.random() * 1000000000); document.getElementById('tb').value = rnd; }
<select class="form-control" name="customer" aria-label="Default select example"> <option value="">Select Customer</option> <?php foreach($listcustomers as $valw){?> <option value="<?=$valw->name?>"> <?=$valw->name?> </option> <?php }?> </select> <input type="button" onclick="Random();" class="btn btn-outline-warning" value="GENERATE"> <input type="text" name="sku" class="form-control" id="tb" placeholder="SKU" value="" required>
esto está generando un número aleatorio al hacer clic en el botón, pero ¿cómo empiezo el número aleatorio con el valor del valor seleccionado por el usuario en el cuadro de selección? ¿Alguien puede decirme, gracias de antemano?
Entonces, lo que puede hacer es obtener el valor de la opción seleccionada en JavaScript y agregarlo como valor inicial antes de su número aleatorio. Su función Random()
puede ser como:
function Random() { var userValueElement = document.getElementById("userValue"); var userValue = userValueElement.options[userValueElement.selectedIndex].text; var rnd = Math.floor(Math.random() * 1000000000); document.getElementById('tb').value = userValue + rnd; }
Tenga en cuenta que obtengo el elemento de select
con la ayuda de id
. Puede agregar una id
a su elemento select
:
<select id="userValue" class="form-control" name="customer" aria-label="Default select example"> ... </select>