Question

我想做什么

我正在使用<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>

Answer 1

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

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，并且什么都不做，则提交按钮位于表单之外。

innerhtml提交按钮

我想做什么

我的问题！

代码：

1 个答案: