1

我是 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>
4

3 回答 3

2

您可以使用 jQuery。

html:

First name: <input type="text" id='fname' /><br>
Last name: <input type="text"  id='lname'/><br>
<input type="button" onclick="display_alert();" value="Display alert box">

脚本：

function display_alert() {
    fname = $('#fname').val();
    lname = $('#lname').val();
    alert(fname+' '+lname);
}​

演示

Jquery 可能对未来有用。

于 2013-01-03T09:23:00.850 回答
2

您需要为输入标签提供 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>
于 2013-01-03T09:17:20.557 回答
1

您需要在脚本中使用getElementsByName函数获取值。

尝试使用以下脚本更改您的脚本。

<script> 
  function display_alert()
  {
     var fname = document.getElementsByName("fname")[0].value;
     var lname = document.getElementsByName("lname")[0].value;
     alert(fname + ' ' + lname); 
  }
</script>

注意：仅供参考，与HTML5此无关。

于 2013-01-03T09:15:09.197 回答