Question

我尝试使用here中的解决方案使用其中包含的form提交link（而不是使用标准input提交按钮）

<form id="form-id">
   <button id="your-id">submit</button>
</form>

var form = document.getElementById("form-id");

document.getElementById("your-id").addEventListener("click", function () {
  form.submit();
});

表单是一个记录表，每个记录都有一个＆＃39; E＆＃39;用于加载记录以进行编辑的最左侧列中的链接

<td style="text-align:center;">
    <a id="a_edit_btn_#RecordId#">E</a>&nbsp;&nbsp;
</td>

我想在点击

时触发以下内容

document.getElementById( $("a[id^='a_edit_btn_']").get(0).getAttribute("id") ).addEventListener("click", function () {
    ...
    form.submit();
});

但是收到以下错误

Uncaught TypeError: Cannot read property 'getAttribute' of undefined

是否可以以这种方式使用选择器来获取Id属性？

Answer 1

忘记jQuery和纯Javascript的混合 - 你的addEventListener代码一次只能处理一个元素，而jQuery事件处理程序可以同时绑定到多个元素：

$("a[id^='a_edit_btn_']").on('click', function() {
    // the ID of the clicked link will be in "this.id"
    var which = this.id;

    form.submit();
});

那就是说 - 这些多个按钮都会导致表单提交真的是你的意图吗？

将（JQuery）选择器中的Id属性传递到（JavaScript＆＃39; s）document.getElementById（）

1 个答案: