javascript - 将 javascript 作为现值放入表单中

标签 javascript html

我正在尝试制作一个餐厅选择程序。它需要一个字符串数组,使用随机函数,然后将选择显示到表单文本框中。

我无法让它工作。我已经为此工作了 4 个小时。 JavaScript 工作正常,但我就是无法让它显示在文本框中。

<!DOCTYPE html>
    <html>
    <body>

    <button onclick="myFunction()">Generate Restaurant</button>


    <script>
    var food = ["Molinas", "Sonic", "Subway", "McDonalds", "Taco Bell","Pasanos", "Lone Star Eatery", "Chicken Express"];


    function myFunction() {
        var x = Math.floor((Math.random() * 8) + 0);
        document.getElementById("demo").innerHTML = food[x];
    }


    </script>

    <form>
    <input id="demo" type="text">
    </form>


    </body>
    </html>

最佳答案

这是更好的方法吗?

<!DOCTYPE html>
<html>
<body>

<script>
var food = ["Molinas", "Sonic", "Subway", "McDonalds", "Taco Bell", "Pasanos", "Lone Star Eatery", "Chicken Express"];


function myFunction() {
    var x = Math.floor((Math.random() * 8) + 0);
    return food[x];
}


</script>

<form onsubmit="myFunction()">
  Enter name: <input type="text">
  <input type="submit">
</form>


</body>
</html>

关于javascript - 将 javascript 作为现值放入表单中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40187860/

相关文章:

javascript - 如何在单元测试中的请求之间更改 $httpBackend when[method] 语句?

javascript - 使用这个 jQuery 动画菜单悬停超链接?

Jquery-UI 对话框 - 在没有 DIV 的情况下运行

html - 只要我的 html 页面上内容的高度为 %100,我怎样才能使我的边栏?

javascript - 如何在 asp.net 中设置文档模式 Quirks

javascript - 使用 Javascript 将参数从 URL 传递到隐藏的表单字段

javascript - 用于匹配属性名称的简写对象初始值设定项语法

javascript - 进度条文字不显示

javascript - 在下载文档上设置平铺不起作用

html - 使子菜单在悬停时打开而不是在单击时打开