how to generate random value in input box in php using javascript

Question

i have a website done in php, which has a form for user to select a certain data, on selection of the data, after that user has the option to generate random value, so the random value should start with the select box value and some random number, so far i did the following:

  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>

this is generating random number on button click, but how do i start the random number with the value of user selected value in selectbox, can anyone please tell me, thanks in advance

Where is jquery involved? in Random(), get the selected option from your <select> and prepend it to your random number — user8034901
– user8034901, Commented Dec 13, 2021 at 11:09
Does this answer your question? jQuery get selected option value (not the text, but the attribute 'value') — user8034901
– user8034901, Commented Dec 13, 2021 at 11:14
What exactly is not working? Is this a Javascript problem, or a PHP problem? — Nico Haase
– Nico Haase, Commented Dec 13, 2021 at 11:30

Deepak · Accepted Answer · 2021-12-13 11:14:56Z

1

So what you can do is get the value of the selected option in JavaScript and add it as the start value before your random number. Your Random() function can be like:

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;
}

Notice that I am getting the select element with the help of id. You can add id to your select element:

<select id="userValue" class="form-control" name="customer" aria-label="Default select example">
...
</select>

answered Dec 13, 2021 at 11:14

Deepak

2,7522 gold badges13 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to generate random value in input box in php using javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related