[已解决] 请教给 Input 组件赋值的正确写法

笨蛋海绵

@Ta 2020-11-13发布，2020-11-13修改 20532点击

写了个获取QQ用户信息的API，API时正常的

使用 document.getElementsByClassName("nick")[0].value = 'QQ昵称' 或者 $(".nick").val('QQ昵称') 都能在编辑框正常显示QQ用户名

但是不知道为什么发送表单时，依然是空数据

可以在这里测试 , 在昵称处填写 QQ 号就能获取，但发表后就不对了

求各位大佬解决，感激不尽

在F12控制台的存储选项中，发现是将昵称等参数存在这里了，所以怎么修改呢？

https://qzkyl.ml

隐藏样式查看源码

回复列表(23|隐藏机器人聊天)

1

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

原来昵称这些是以 localStorage 形式保存为JSON格式， 但是要怎么动态修改其中一个值呢

https://qzkyl.ml
2

Dieinwarm

@Ta / 2020-11-13 / 样 / 源

让人帮你找问题，你还禁用F12，妙啊
一个帅逼
3

姜辰

@Ta / 2020-11-13 / 样 / 源

2楼 hmd global nokia 7 plus(黑色)
4

Dieinwarm

@Ta / 2020-11-13 / 样 / 源

我填写QQ号就提示获取资料失败，查看network信息，QQ号是发出去了的，但是你那个api网站都不能访问
一个帅逼
5

老虎会游泳

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，你的表单提交代码也不展示一下，编译后的代码谁看得懂嘛
没心情用调试器跟踪。
6

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@老虎会游泳，这个是开源第三方评论项目，源代码在这，https://github.com/qwqcode/Artalk
https://qzkyl.ml
7

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@Dieinwarm，api网站部署在heroku，晚点我放在自己vps
https://qzkyl.ml
8

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@Dieinwarm，虚假禁用F12，哈哈
https://qzkyl.ml
9

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@姜辰，大佬不帮忙看看吗
https://qzkyl.ml
10

carey

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，("artalk-nick")[0]这个元素有一个属性是onblur="get_qqinfo()"，是用户离开这个输入框后执行的函数，
但是你使用document.getElementsByClassName("artalk-nick")[0].value = 'QQ昵称'就会跳过这个函数的执行
我猜想get_qqinfo()这个函数通过QQ号获取昵称后把昵称又赋值给了某个变量，在提交最终表单的时候，调用的是这个变量的值，而不是("artalk-nick")[0].value
11

艾木友尔尔巴

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，网站优化的挺舒服。
小米8(白)
12

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@carey，听你这么说，我觉得可能是提交表单是用了变量值，而非 artalk-nick 的值了，这麻烦了
https://qzkyl.ml
13

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@艾木友尔尔巴，真的吗，给自己一个赞
https://qzkyl.ml
14

上善若水

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，我说咋这么快，原来所有的静态资源都放国内了。
15

笨蛋海绵

@Ta / 2020-11-13 / 样 / 源

@上善若水，没有放在国内啊，几乎都是在 jsdelivr
https://qzkyl.ml
16

上善若水

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，jsdelivr就是用的国内的cdn或者服务器。不信你查下他的域名解析的ip。
17

Curtion

@Ta / 2020-11-13 / 样 / 源

这个评论程序使用的是在input事件中保存值，而你手动给value赋值时并不会触发这个事件，其实讲道理应该把参数填写功能交还给外部的。

所以解决办法也很简单：
get_qqinfo函数是你写的吧？只需要在其中调用$(".artalk-email").val('邮箱')后，接着再执行document.querySelector(".artalk-email").dispatchEvent(new Event("input"))就行了
红米K30 Pro 变焦版
18

方妹

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，尴尬了

我们终究还是活成了自己讨厌的模样
19

艾木友尔尔巴

@Ta / 2020-11-13 / 样 / 源

@笨蛋海绵，有很多教程值得学习。先书签一下
小米8(白)

添加新回复

回复需要登录。