JS:XHTMLでValidなformのid属性の値をJavaScriptで取得する:getElementById
JavaScript・XHTML・CSS (43 items)
2005年09月22日
XHTMLが浸透していない現在の企業システム開発においては、
あるHTML画面のform部分のソースは大概こんな感じです。
で、JavaScript側では、
このformの「usercd」という名前のtext項目を以下のように参照します。
あるHTML画面のform部分のソースは大概こんな感じです。
<form name="Test" method="POST" action="/test.php" >
・
・
<input type="text" name="usercd" value="">
<input type="button" name="OK" value="OK">
・
・
</form>
で、JavaScript側では、
このformの「usercd」という名前のtext項目を以下のように参照します。
document.Test.usercd.value
しかし、XHTML的には、formのname属性はInValidです。
Validとするには以下のような感じにする必要があります。
※input項目のname属性は、formのname属性を意味合いが違うって事でValid。
で、id属性にした場合、上記のJavaScriptではスクリプトエラーとなります。
この場合は、getElementByIdで取得します。
・・しかし、これだけ取っても、
HTMLからXHTMLへの移行は簡単ではないですね。。
Validとするには以下のような感じにする必要があります。
<form id="Test" method="POST" action="/test.php" >
・
・
<input type="text" name="usercd" value="" />
<input type="button" name="OK" value="OK" />
・
・
</form>
※input項目のname属性は、formのname属性を意味合いが違うって事でValid。
で、id属性にした場合、上記のJavaScriptではスクリプトエラーとなります。
この場合は、getElementByIdで取得します。
document.getElementById("Test").usercd.value
・・しかし、これだけ取っても、
HTMLからXHTMLへの移行は簡単ではないですね。。
前の記事 次の記事
この記事に関連した過去記事一覧は画面下にあります。
Comments
コメントは、まだ書かれていません
Add Comments
Trackback
Web Master @Style wrote:
formのid属性の値をJavaScriptで取得する:
昨日、ちょっとした事（後日お知らせできるかもしれません）があって、NucleusやXHTML・php・XMLなどいろいろと参考にさせていただいているウェブ アルチザン ブログさんを再読した。 JS:X...
2005年12月08日 11時32分17秒
Trackback URL
http://www.res-system.com/weblog/action.php?action=plugin&name=TrackBack&tb_id=514