如何使用javascript在php的输入框中生成随机值

Posted 2023-05-08

【中文标题】如何使用javascript在php的输入框中生成随机值

【英文标题】：how to generate random value in input box in php using javascript

【发布时间】：2022-01-16 20:45:11

【问题描述】：

我有一个用php完成的网站，它有一个表格供用户选择某个数据，在选择数据后，用户可以选择生成随机值，所以随机值应该从选择框开始值和一些随机数，到目前为止我做了以下事情：

  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>

这是在按钮单击时生成随机数，但是我如何使用选择框中用户选择的值来启动随机数，谁能告诉我，提前谢谢

【问题讨论】：

jquery 涉及到哪里？在Random() 中，从<select> 中获取所选选项并将其添加到您的随机数

@brombeer 你能告诉我怎么做吗

这能回答你的问题吗？ jQuery get selected option value (not the text, but the attribute 'value')

什么确切不起作用？这是 javascript 问题，还是 PHP 问题？

【参考方案1】：

因此，您可以做的是在 JavaScript 中获取所选选项的值，并将其作为起始值添加到您的随机数之前。你的Random() 函数可以是：

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;

请注意，我在id 的帮助下获得了select 元素。您可以将id 添加到您的select 元素中：

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