Question

是否可以仅在提交时从表单中获取某些属性？

<html><body>
<FORM name="foo" id="foo" onSubmit="dosubmit();return false;">
    <INPUT type="text" name="s" id="s"><BR/>
    <INPUT type="text" name="s2" id="s2"><BR/>

    <select name="si" id="si">
    <option>SomeOption_1</option>
    <option>SomeOption_2</option>
    <option>SomeOption_3</option>
    </select><BR/>
<input type="submit" value="submit" id="postDataSubmit">
</FORM>

<script>
function dosubmit() 
{
    //Extract value of S2 and the chosen option (si) from the form here, and nothing else. Show them in an alert.
}
</script>

</body></html>

Answer 1

使用纯javascript（因为使用JQuery是这个简单任务不需要的恕我直言）你可以简单地写一下：

alert(document.forms.foo.s2.value);
alert(document.forms.foo.si.value);

因为您为输入使用了每个名称，所以您可以通过document.forms访问表单上的所有元素;

Answer 2

function dosubmit()
{
    alert(document.getElementById('s2').value);
    alert(document.getElementById('si').options[document.getElementById('si').selectedIndex].value);
}

顺便说一句，如果这是你想要做的所有事情，那么你就不需要表格了。您可以使用任何常规按钮执行此操作：

<button onclick="dosubmit()">Show values</button>

仅从表单中提取一些属性

2 个答案: