Question

我有一个简单的表单，我想提交，但我无法从中获取任何价值。

我见过多个例子，但似乎都没有。

这是我的HTML：

<form name="myForm" action="grade.html" method="get">
        <label>Name:</label> <input type="text" name="fname">
        <br>
        <p>Is the Earth Round or Flat?</p>
        <input type="radio" name="earth" value="round">Round<br>
        <input type="radio" name="earth" value="flat">Flat
        <p>What month is the Earth closest to the sun?</p>
        <select name="sf"> 
            <option value="jan" >January</option>
            <option value="feb" >February</option>
            <option value="jul" >July</option>
        </select>
        <br>
        <hr>
        <input type="submit" name="sub" value="Submit">
    </form>

这是我在grade.html中的javascript。这里我没有在document.write（）函数中显示任何内容。

            var grade = 0;

            var form = document.forms[0];
            //var x = document.forms["myForm"]["fname"].value;
            //var e = document.forms["myForm"]["earth"].value;
            //var s = document.forms["myForm"]["sf"].value;

            document.write(form);
            document.write(form.elements[0]);

我不知道我做错了什么，但他们都没有工作。

Answer 1

grade.html页面本身没有任何形式，因此javascript什么也没做。

Answer 2

如果您在JavaScript中执行此操作，则一种方法是绑定到表单的“submit”事件。

<form name="myForm" onsubmit="processForm()">
    ...
</form>

function processForm() { 
    document.write(document.forms[0].earth.value);
}

JavaScript代码（上面）应与表单位于同一文件中，或作为该文件中的脚本包含在内。

以下是一个示例小提琴：http://jsfiddle.net/53bvke8w/1/

初学者Javascript表格

2 个答案: