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 に答える