js 获得多个同name 的input输入框的值

起初是使用document.all.id.length获得输入框的个数,但时而正常,时而显示undefined,效果不是很好,网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持IE。

解决方法是如下:

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value); //获得值alert(els[i].id);  //获得ID  
}

  

时间: 2024-11-05 15:52:34

js 获得多个同name 的input输入框的值的相关文章

jQuery获取各种input输入框的值

1.获取一组radio单选框的值(name属性为一组的radio的name属性) var q1 = $("input[name=element_name]:checked").val(); 2.获取select下拉框的值 var q2 = $("#element").val(); 3.获取几个下拉框组合的值 var q4 = $("#element1").val() + $("#element2").val() + $(&qu

实时监听input输入框value值的变化

1.js 的 oninput & onpropertychange JS中的 oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发,有以下几种情况: 修改了 input:checkbox 或者 input:radio 元素的选择中状态, checked 属性发生变化. 修改了 input:text 或者 textarea 元素的值,value 属性发生变化. 修改了 s

css改变input输入框placeholder值颜色

::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } :-ms-input-placeholder { /* Inte

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

【JS】input输入框只能输入数字

一.实现思路 input只能输入纯数字的思路其实很简单,监听输入框值的变化,每次输入检索输入框的值,将非数字的字段替换成空,再将此值赋予给输入框. 关键代码: \d:匹配数字 ^/d:全文匹配非数字 replace(/[^/d]/g,''):全文匹配非数字,并替换成空. 那我们的实现代码为: var input = document.querySelector("#demo"); input.oninput = function (){ input.value = input.valu

微信小程序组件解读和分析:十、input输入框

input输入框组件说明: 本文介绍input 输入框的各种参数及特性. input输入框示例代码运行效果如下: 下面是WXML代码: [XML] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 <view class="content"> type:有效值:text 感觉没什么区别 <input  placeholder="type=text" type=

&quot;点击input输入框弹出选择层&quot;的实现

需求为在一个Repeat中的text增加提示选项,可以直接输入,也可以点击选项给textBox赋值.而且是2个不同的text需要2个不同的提示选项. 首先在网上找,我找到了一个大概可用的控件,网址如下: http://www.51xuediannao.com/js/jquery/jquery_input_tanchu/popDiv.html 改造之后的代码如下: 1 <%@ Page Language="C#" AutoEventWireup="true" C

input输入框实现联想关键词功能

实现原理很简单,代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>input输入框实现联想关键词功能</title> <script src="http://www.kiscms.com/static/jquery-3.1.1.min.js"></script> </head>

angular input输入框中使用filter格式化日期

最近使用了angular日期选择器,不过需要把选中的日期输出到input输入框中,如果按照默认情况,显示的是时间戳形式的时间,不符合要求,需要把格式变成特定格式,但是input上ng-model上又不能直接使用filter,因此需要一种方法把这里显示的内容格式化. 网上寻找解决方案就是写个directive,具体实例代码如下: JS angular.module('dateRange',[]).directive('dateFormat', ['$filter',function($filter