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/

用于将表单转换为大写的JavaScript函数

1 个答案: