Question

我想使用我在网上找到的代码http://jsfiddle.net/2GhQX/ 在我的联系表单中，为了实时显示范围滑块值，但是，我的表单是使用wordpress插件创建的，因此我无法在<form>标记中添加任何javascript。该插件允许我将id和类添加到表单标记中（插件：contactform7）。

有没有办法将oninput="amount.value=rangeInput.value"添加到<form>标记，而无需通过使用ID或类定位该表单来编辑表单标记本身？

我对javascript知之甚少，所以我很感激帮助。

所以而不是

<form oninput="amount.value=rangeInput.value">

我希望我的表单标签看起来像这样：

<form id="myform">

然后使用javascript

将oninput添加到以表单ID为目标的标记

Answer 1

您可以使用document.getElementById()方法访问表单：

var myForm = document.getElementById('my-form-id');
myForm.addEventListener('input

＆＃13;

var theForm = document.getElementById('theform');
theForm.addEventListener('input', function(){
  alert('hi');  
});

＆＃13;

<form id="theform">
  
  <input />
  
</form>

＆＃13;

如何在html表单标记中添加“oninput”，通过id定位标记，而不是编辑表单标记本身

1 个答案: