获取表单内的全部没有被隐藏的name属性值并且不是”skus“开头
时间: 2023-11-27 21:50:07 浏览: 72
js获取form表单中name属性的值
可以使用 JavaScript 的 DOM 操作来实现。假设表单的 id 为 form,可以使用以下代码获取表单内的全部没有被隐藏的 name 属性值并且不是”skus“开头的元素:
```javascript
const form = document.getElementById('form');
const elements = form.querySelectorAll('[name]:not([name^="skus"]):not([type="hidden"])');
const names = Array.from(elements).map(el => el.getAttribute('name'));
console.log(names);
```
首先,使用 `document.getElementById` 方法获取表单元素。然后,使用 `querySelectorAll` 方法选择全部有 name 属性的元素,并且使用 `:not` 伪类过滤掉了 name 属性值以 "skus" 开头和 type 为 "hidden" 的元素。最后,使用 `getAttribute` 方法获取这些元素的 name 属性值,并返回一个数组。
注意,这段代码只能获取表单中已经加载到页面上的元素。如果表单中有动态添加的元素,需要在添加元素时重新执行这段代码来更新 name 属性值的数组。
阅读全文