2012-04-18 8 views
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> 
+0

最後にhtmlとbodyの終了タグの位置を切り替える必要があります。 –

+0

@ラリーバトル笑良いキャッチ。私は質問をしながら明確にするためにそれらを加えました、本当に注意を払っていませんでした。一定。 – natli

答えて

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

そして、これはあなたがやろうとしているすべての場合の方法によって、あなたは、フォームを必要としません。あなたは、任意の通常のボタンでこれを行うことができます。

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

Lol @ downvote。 [十分ではないjQuery](http://www.doxdesk.com/img/updates/20091116-so-large.gif)、私は思いますか? – Travesty3

+0

それは良い答えです、私は決してjQueryを求めませんでした。ありがとう! – natli

+0

@natli:もっと同意できませんでした。私のコメントのリンクを見ましたか?私は陽気なそれを見つける。 – Travesty3

3

あなたは 単に書くことができます(jQueryのを使用すると、この単純なタスクのためIMHO必要がないので)、純粋なJavaScriptを使用して:あなたが名前を使用しているので

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

それぞれの入力に対して、document.formsを通じてフォームのすべての要素にアクセスできます。

関連する問題