javascript - html5 基本警报和文本框

标签 javascript html alert

我是 HTML5 和 javascript 的新手。 我想要一个警告框来显示数据(名字和姓氏)。 数据必须取自表单上的文本框。 我的代码在下面,但警告框不起作用。

<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br>
Last name: <input type="text" name="lname" /><br>

</form>
<script>
function display_alert()
  {
   alert(fname +lname);
  }
</script>

<input type="button" onclick="display_alert()" value="Display alert box">

</body>
</html>

最佳答案

您需要为输入标签提供 id

   <form>
        <input id="a" type="text"/>
        <input id="b" type="text"/>
        <input type="button" onclick="display_alert();" />
    </form>

然后在您的 js 代码中使用它们:

<script lang="javascript">
    function display_alert() {
        var fn = document.getElementById('a');
        var ln = document.getElementById('b');
        alert(fn.value + ' ' + ln.value);
    }
</script>

关于javascript - html5 基本警报和文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14135837/

相关文章:

javascript - 带方法的 JSON 到 Javascript 对象

javascript/jquery 更新多个选择框选项

javascript - TypeaHead BootStrap 不起作用

javascript - 使链接在绝对定位的容器中可点击

Javascript:获取警报以在外部 JS 文件中工作

java - 如何使用 Selenium 和 Java 处理浏览器登录弹出窗口

javascript - 在 React 中如何判断何时添加或删除了子/孙组件?

html - 无法让图像在内容长度不同的 div 中排列

javascript - 表单 onSubmit 触发错误的按钮

javascript - Firefox 扩展页面加载未触发