Question

我正在使用带有表单的facebox打开一个小模式对话框，然后尝试使用javascript访问该表单上文本字段内的值。这是HTML代码 -

<div id="dialog-form95" style="display:none">
<div class="block">
  <form action="" method="post" name="form95">
    <h3>Setting URL</h3>
    <p></p>
    <p><label>URL : </label></p><input type="text" class="text" id="du95" name="url"/>
    <p><input type="submit" class="submit small" value="save" onclick="updateUrl(95,109); return false;"/></p>
  </form>
</div>
</div>

这是javascript onclick -

function updateUrl(bid, cid){
    alert(document.getElementById('du'+bid).value);
}

我甚至尝试过硬编码“du95”。每当我更新文本框中的任何内容并提交时，它都会显示一个空白的警告对话框。 js控制台中也没有显示任何内容。

Answer 1

那是因为它没有价值。试着看看会发生什么：

 <input type="text" class="text" id="du95" name="url" value="testing" />

Answer 2

出于某种原因，您在容器div中有display: none。

删除后，它似乎在jsfiddle中运行良好：http://jsfiddle.net/8bSdK/

Javascript / Facebox getElementById没有返回任何内容

2 个答案: