Form名を特定して要素を指定したい

質問

ひとつのhtml画面の中に複数の Form があります。
例えば、「fmView」と「fmEntry」といった感じです。
この２つの Form には同じIDを振っている要素があります。
例えば
<input type="text" id="id" name="id" />
<input type="text" id="employeeName" name="employeeName" />
などです。

これらの要素にスペースを埋めたいとしたら通常以下に様になります。
ここでは一応 jQuery を使っています。
$('#id').get(0).value = "";
$('#employeeName').get(0).value = "";

これを、Form を特定して要素を指定したいと考えていますが、
やり方がわかりません。

当てずっぽうで
$('#fmView').$('#employeeName').get(0).value = "";
$('#fmView'.'#employeeName').get(0).value = "";
$('#fmView.employeeName').get(0).value = "";
$('#fmView employeeName').get(0).value = "";

と、いくつかやってみましたがうまくいきません。
けっこうググってもみましたが、見つかりませんでした。

どなたかご存知でしたら教えて下さい。
よろしくお願いします。

回答No.1

Ogre7077 · ベストアンサー

いまフォームが

<form id=fmView> <input name=employeeName> </form>
<form id=fmEntry> <input name=employeeName> </form>

ならば

$('#fmView input[name=employeeName]').val("一番目");
$('#fmEntry input[name=employeeName]').val("二番目");
または
$('#fmView')[0].elements['employeeName'].value = "一番目";
$('#fmEntry')[0].elements['employeeName'].value = "二番目";

とすれば、name が同じ要素の区別が可能です。

ご質問でうまくいかなかった原因ですが、ブラウザが期待する「ID はページ内で一意」の前提が崩れているため、挙動不審となっているためです。

重複する id は削除して name のみで操作することを強くオススメします。

お礼

日曜日当日に回答を頂いたんですね。
本当にありがとうございました。
満点の回答です。

重複はヤッパリいけませんよね。
ありがとうございました。