0

送信時にフォームから一部のプロパティのみを取得することは可能ですか?

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

2 に答える 2

3

純粋なJavaScriptを使用すると(この単純なタスクではJQueryを使用する必要がないため)、次のように簡単に記述できます。

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

入力にそれぞれの名前を使用しているため、document.formsを介してフォーム上のすべての要素にアクセスできます。

于 2012-04-18T14:50:05.327 に答える
1
function dosubmit()
{
    alert(document.getElementById('s2').value);
    alert(document.getElementById('si').options[document.getElementById('si').selectedIndex].value);
}

ちなみに、これがあなたがやろうとしているすべてであるなら、あなたはフォームを必要としません。これは、通常のボタンで実行できます。

<button onclick="dosubmit()">Show values</button>
于 2012-04-18T14:34:49.777 に答える