javascript - 将表单转换为大写的 JavaScript 函数

Question

我有大约 20 页的表格，我需要将每页上的所有输入转换为大写。我想知道是否有可能构建一个 JavaScript 函数，我可以将它复制/粘贴到每个页面上，而不必在每个页面上的每个输入上单独进行。

也许使用 getElementsByTagName() 和 addEventLister() 和 toUpperCase()。

像这样的东西会起作用吗？

PS。仅在浏览器将信息发送回服务器之前，使用 CSS 才有效，所以就不行了。

Answer 1

这样的事情应该让你开始：

var inputElements = document.querySelectorAll('input, select, textarea');

for (var i = 0, l = inputElements.length; i < l; i++) {
    if (inputElements[i].tagName == 'SELECT') {
        inputElements[i].options[inputElements[i].selectedIndex].value = inputElements[i].options[inputElements[i].selectedIndex].value.toUpperCase();
    } else {
        inputElements[i].value = inputElements[i].value.toUpperCase();
    }
}

尽管您应该真正重新考虑这一点，并在服务器端进行。

演示：http: //jsfiddle.net/ZgrqA/