javascript - JQuery获取由Attribute-Starts-With-Selector选择的元素的值

标签 javascript jquery jquery-selectors

我试图获取正则表达式选择的每个元素的每个值。

具体来说,我有一个像这样的输入列表,由循环生成

 <input type="file" name="file[{$some_file.id}]">

anh 我正在尝试通过 jquery 获取每个输入的值,如下所示

$("input[name^='file[']").change(function () {
  //get each input value
})

我尝试了 this.val() 但显然它不起作用。我非常感谢您的所有帮助。

最佳答案

事件处理程序 this 绑定(bind)是元素本身,而不是 jQuery 对象。

来自.on()

When jQuery calls a handler, the this keyword is a reference to the element where the event is being delivered

所以你想要

this.value

参见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Value

$('input[name^="file["]').on('change', function() {
  console.info(this.name, this.value)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" name="file[0]">
<input type="file" name="file[1]">
<input type="file" name="file[2]">
<input type="file" name="not-this-one">

<小时/>

或者,将元素包装在 jQuery 对象中,如下所示并使用 .val()方法

$(this).val()

关于javascript - JQuery获取由Attribute-Starts-With-Selector选择的元素的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48494510/

相关文章:

javascript - 使用 Promise.mapSeries 等待回调

javascript - 如何摆脱这个循环

javascript - 未捕获错误 : Syntax error, 无法识别的表达式:选择器中有双等号 ==

jquery - 当取消选中复选框时,找到所有具有匹配类的 div 并将其删除。查询

jquery - 如何使用 datatables codeigniter 数据库上传类型文件

javascript - jQuery 仅选择未嵌套在类似元素中的元素

javascript - 如何使用 React 过渡组为每个项目使用不同的延迟?

javascript - 使用外部服务器上的 jsonp-PHP 文件进行 SQL 查询的跨域 Ajax 获取请求

Javascript:如何检查字符串是否以 2 个字母后跟一个整数结尾?

javascript - 静态网页上的日期更新客户端