关于使用js脚本取出编辑框ID文本 ID冲突解决办法

s阿宝

就是使用document.getElementById（‘’）.value; 以某个编辑框ID去取出数据,结果这个ID前面有重复的有什么好的解决办法吗

cobi

s阿宝 发表于 2024-12-13 12:03
第二段在易语言也是执行代码吗

补充内容 (2024-12-13 12:03):

你说的是console.log()吗？
这是个输出日志，相当于易的调试输出，可直接删除。

[JavaScript] 纯文本查看 复制代码

var a = document.querySelectorAll("#a");
var getValue = a[0].value;

这个是返回值，若存在多个相同ID则返回一个数组，然后在[]里面填写你需要的数组位置，即第几个相同ID的值。

[JavaScript] 纯文本查看 复制代码

var a = document.querySelectorAll("#a")[0];

而这样可以直接取整段代码。

s阿宝

[JavaScript] 纯文本查看 复制代码

#qn-worbench-container > div.next-overlay-wrapper.opened > div.next-drawer.next-drawer-right.next-closeable.next-overlay-inner.invoiceDetailDrawer > div > div.next-drawer-body > div > div:nth-child(2) > div > div.record-invoice-modal_main__5lE62 > form > div.record-invoice-modal_mainForm__FOq-A > div:nth-child(2) > div.next-col.next-col-18.next-form-item-control > span

这是路径信息

补充内容 (2024-12-13 02:22):
下面的id是 payerName

wlp

document.querySelector("#你的ID:nth-child(2)")  应该是这样

cobi

<input id="a" value="111" />
<input id="a" value="222" />

[JavaScript] 纯文本查看 复制代码

var a = document.querySelectorAll("#a");

console.log(a[1].value);

document.querySelectorAll() 必须使用在这个元素出现之后，否则找不到相应元素会报错。

没事瞎琢磨

这个在开发者工具上直接复制不就行吗 在控制台上直接调试

s阿宝

没事瞎琢磨 发表于 2024-12-13 08:46
这个在开发者工具上直接复制不就行吗 在控制台上直接调试

指的是在程序内怎么直接取回呢。。。

补充内容 (2024-12-13 11:37):
发错了 复制sel吗

s阿宝

cobi 发表于 2024-12-13 08:38
[mw_shl_code=javascript,true]var a = document.querySelectorAll("#a");

console.log(a[1].value);[/ ...

第二段在易语言也是执行代码吗

补充内容 (2024-12-13 12:03):
执行脚本吗

s阿宝

wlp 发表于 2024-12-13 02:58
document.querySelector("#你的ID:nth-child(2)")  应该是这样

我试了下貌似不行 或者取出一整段的源码也可以

cobi

s阿宝 发表于 2024-12-13 12:03
第二段在易语言也是执行代码吗

补充内容 (2024-12-13 12:03):

如果只需要一行的话：

[JavaScript] 纯文本查看 复制代码

var a = document.querySelectorAll("#a")[0].value;

[0]可换成需要的位置，比如[1]、[2].....
但ID必须存在，需运行在ID之后。