JQuery: Fill in input fields using a button
Using JQuery to set values in empty input fields via a hints button
HTML
<form>
<input type="text" id="num1" name="num1" value="">
<input type="text" id="num2" name="num2" value="">
<input type="text" id="num3" name="num3" value="">
<br>
<button id="goBtn">Go</button>
<input id="values" type="hidden" name="" value="5,4,100,101,105,106,109,2">
</form>
CSS
form {
margin: 25px 0px 0px 25px;
}
input {
display:inline-block;
vertical-align:middle;
width:50px;
margin-bottom:15px;
}
JavaScript
$("#goBtn").click(function () {
var arr = $("#values").val().split(",");
var random = arr.splice(parseInt(Math.random()*arr.length), 1)[0];
$("#num1").val(random);
random = arr.splice(parseInt(Math.random()*arr.length), 1)[0];
$("#num2").val(random);
random = arr.splice(parseInt(Math.random()*arr.length), 1)[0];
$("#num3").val(random);
return false;
});