1

我想要做什么

我正在使用 a<form>来研究地址，最终将其显示在 Google 地图上。

在用户进行初始输入后，我将他们引向一个search.php页面，其中地址参数被分成它们的组件（即邮政编码、城市），它​​们是<input type="text" readonly>. 还有一个显示地址的谷歌地图，询问用户显示的地址是否正确。他们可以在Yes或之间进行选择No。

如果地址被判断为不正确，他们点击一个No按钮，使各种<input type="text">可修改（删除readonly属性）。

一旦他们点击No，<div>包含提交按钮的按钮就可以通过document.getElementById.innerHTML和 按钮访问，Yes并被No转换为一个新<input type="submit" value="Look it up">按钮。

我的问题！

这个新Look it up按钮不能用作提交按钮！！当我点击它时没有任何反应。

请帮忙？

代码：

我的重置功能：

function reset_search() {
  document.getElementById('number').removeAttribute("readonly");
  document.getElementById('street').removeAttribute("readonly");
  document.getElementById('apt').removeAttribute("readonly");
  document.getElementById('postal').removeAttribute("readonly");
  document.getElementById('city').removeAttribute("readonly");

  document.getElementById('lookup').setAttribute('action', './search.php');
  var new_submit = 'Please correct the mistakes above and click on the button below to launch another search<br><input type="submit" name="submit" value="Look it up">';
  document.getElementById('submit_button').innerHTML=new_submit;
}

我的表格：

<form method="post" id="lookup" name="lookup" action="./display.php">
.........
<tr>
    <td valign="top" align="center" colspan="4">
    <div id="submit_button">
    According to the map below, is the address correct?<br>
        <input type="submit" value="Yes" />&nbsp;<input type="button" value="No" onclick="reset_search()" />
    </div>
    </td>
</tr>
</form>
4

1 回答 1

0

使用调试器更改后，请仔细查看修改后的源代码。只要提交按钮在表单内，它就会提交表单。

http://jsfiddle.net/bighostkim/VC6XJ/

<form action="foo">
    <input type="submit" onclick="alert(this.form)" />
</form>
    <input type="submit" onclick="alert(this.form)"/>
<form action="bar">
    <input type="submit" onclick="alert(this.form)" />
</form>

正如我在这里试验的那样，将 onclick="alert(this.form)" 添加到您的提交按钮。

如果它显示FormElement，并且什么都不做，这是w3c标准中的大问题。

如果它显示为 null 并且什么都不做，那么您的提交按钮就在表单之外。

于 2013-02-09T05:41:42.063 回答