我一直在做web开发很长一段时间,但我最近才发现<input type="image">
标签的存在。如何模拟图片按钮点击
我有一个greasemonkey脚本,可以自动在网页上提交下列表单。
<form id="form1">
<input id="radio1" type="radio" />
<input id="radio2" type="radio" />
<input id="buttn1" type="submit" />
</form>
而且我使用以下脚本来提交此表单。
var form = document.getElementById('form1');
for(var i = 0; i < form.elements.length; i++) {
var element = form.elements[i];
if(element.id == 'radio2') {
element.setAttribute("checked", "checked");
}
if(element.id == 'buttn1') {
var button = element;
}
}
button.click();
我会立即同意有可能1000更好的方法来做到这一点,但它在这种情况下工作。它完美,但我有点停留在提交以下表格
<form id="form2">
<input type="image" id="img1" src="img1.png" />
<input type="image" id="img2" src="img2.png" />
</form>
我已经尝试通过调用点击()输入图像对象上做相同的,但似乎并没有工作。有什么建议么。使用jQuery很好,但我对干净的JS版本特别感兴趣。
我实际上发现了一个类似的问题,但答案是指向一个不存在的资源的链接。 – TFennis 2012-01-03 11:24:26