13

簡単な JavaScript プログラムを作成しようとしていますが、動作していません。親切に助けてください。Eclipse で動的 Web プロジェクトを作成しました。DD では、ウェルカム ファイルは index.jsp です。以下は index.jsp の私のコードです

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Duncan'S</title>
<script type="text/javascript">
function nameSubmit() {
    alert(document.getElementsByName("username").value);
}
function CakeNumber() {
    alert(document.getElementsByName("numOfCake").value);
}
</script>
</head>
<body>
<form action="myservlet.do">
    <table>
        <tr>
              <td>Name:</td>
              <td><input type="text" id="name" name="username" size="10"
                onchange="nameSubmit();"></td>
        </tr>
        <tr>
              <td>Number Of Duncan's Cake:</td>
              <td><input type="text" id="numOfDunCake" name="numOfCake"
                size="5" onchange="CakeNumber();"></td>
        </tr>
    </table>
</form>
</body>
</html>

上記のコードでは、両方の関数が未定義を返しています.....!!実際の値を取得するにはどうすればよいですか??

4

3 に答える 3

36

あなたは間違ったIDを言及しました

alert(document.getElementById("name").value);

name属性を使用する場合

alert(document.getElementsByName("username")[0].value);

アップデート:

input type="text" id="name" name="username"

IDは名前とは異なります

于 2013-11-07T11:33:19.430 に答える