使用onClick调用JavaScript函数-使用表单元素值.

Using onClick to call a JavaScript Function - using form element values...?

本文关键字：表单 元素 onClick 调用 JavaScript 函数 使用      更新时间：2023-09-26

我在使用javascript获取表单元素值，然后使用这些值使用'onClick'属性调用函数时遇到了一些问题。

<form name="form1">
<select name="option1">
<option value="1">Option 1</option>
</select>
<input type="image" name="itemid" value="<?=$itemid?>" src="add.png" onclick="window.parent.newAddItem(this.value,form1.elements["option1"].value)" />
</form>

我发誓这应该有效吗？有人能告诉我这是我应该做的事情吗，或者有没有不同的"最佳实践"方法。

提前感谢！

您的问题可能是因为您试图访问"select"元素的"value"属性，而不是所选选项。试试这个：

// On your onclick event handler:
var option1 = form1.elements["option1"];
var selectedOption = option1.options[option1.selectedIndex];
window.parent.newAddItem(this.value, selectedOption.value);

根据您发布的内容，oForm是未定义的。

避免像现在这样的内联事件处理程序。相反，集中绑定事件处理程序。这将JS排除在HTML之外。

本机：

var onclick = function() { alert('you clicked me!'); };
var element = document.getElementById('some_element');
document.addEventListener ? element.addEventListener('click', onclick, false) : element.attachEvent('onclick', onclick);

jQuery

$('#some_element').click(function() { alert('you clicked me!'); });
相关文章：