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

Question

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

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

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

我正在尝试像这样通过 jquery 获取每个输入的值

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

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

Answer 1

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

来自.on()

当 jQuery 调用处理程序时，this 关键字是对传递事件的元素的引用

你想要的

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()