javascript - 入力から値を取得して設定するには、javascriptを使用します

Question

私はこのように定義するウェブサイトからの入力があります：

<input type="text" name="postdb[title]" size="60" value id="title" class="input_text">

私はこれを試しました：

document.getElementsByName('postdb[title]')[0].value='test'

この：

document.getElementById('title').value='test'

しかし、それは機能しません、この入力の値を設定する方法はjavascriptを使用しますか？

編集：

私はこの入力が内部にあることを発見しました<form name="FORM..、それでその形式でそれを見つける方法はjavascriptを使用しますか？

編集：解決済み; 実際にはiframeのFORM内にあるので、これを使用します。

var vform =document.frames['main'].document.forms['FORM'];
vform.elements['title'].value='test'; thanks for help,

score 0 · Accepted Answer

これを使って

<input type="text" name="postdb[title]" size="60" value="" id="title" class="input_text">

document.getElementById('title').value='test';

score 0 · Accepted Answer

DOMがまだロードされていない可能性があります。

<!-- this will fail -->
<script type="text/javascript">var el = document.getElementById('element');</script>
<div id="element"></div>

上記の例は、まだロードされていない要素を検索しようとしているため失敗します。間違いやすい！

<!-- this will not -->
<div id="element"></div>
<script type="text/javascript">var el = document.getElementById('element');</script>

必要なDOMがロードされた後にjavascriptを実行することで、それを見つけることができます。

score 0 · Accepted Answer

これで試してください：

$(document).ready(function() {
    document.getElementById('title').value = 'test';
});

ここでのデモ：JSフィドル

score 0 · Accepted Answer

どちらも機能するはずですが、呼び出しているとき、document.getElementById();または要素がページにdocument.getElementsByName();存在することを確認<input>してください。

4 に答える 4