设为首页收藏本站

家园小助手 发布于2022-7-22 17:42 64 次浏览 0 位用户参与讨论 [复制链接]

react.js 怎么更改input的value值

在react中是无法直接更改from表单元素的值的,必须通过setState()去响应用户的输入。例如想要更改input的value,则需要监听onChange()事件,然后通过event.target.value来获取用户的输入,再通过设置一个名为value的state,来告诉react重新渲染。

onChange(event) {

this.setState({value: event.target.value});

如何通过JS修改input的value值,再提交到服务端?

将button按钮的input修改为:

再在php中分别获取video1和video2的值。

这段代码传递的值为:视频地址

要把用户输入的value的值修改成:视频地址,再提交,则需要在地址栏里修改后再传给服务器,但在地址栏里传递参数时浏览器自动将含html标签的值:视频地址

解析成了视频地址,要想将标签也传到服务器的话则需转义,我这段代码中转义有点问题,望可以解决这转义问题的高手指点

若你修改后的结果里不含html标签的话,此段代码完全适用

我个人觉得在php中接到表单值后再修改要简单些,不知你为何要用js来修改,是否是其中有什么优越之处?将button按钮的input修改为:

<input type="button" name="submit" value="提交" onclick="javascript:

fm=document.getelementbyid('add_video');

vtext = fm.video;

video1 = '<'+'\\option>'+vtext[0].value+'<\\option>';

video2 = '<\\option>'+vtext[1].value+'<\\option>'

fm.setattribute('action','add.php?video1='+video1+'&&video2='+video2);

fm.submit()"

/>

再在php中分别获取video1和video2的值。

这段代码传递的值为:</option>视频地址</option>

要把用户输入的value的值修改成:<option>视频地址</option>,再提交,则需要在地址栏里修改后再传给服务器,但在地址栏里传递参数时浏览器自动将含html标签的值:</option>视频地址</option>

解析成了视频地址,要想将标签也传到服务器的话则需转义,我这段代码中转义有点问题,望可以解决这转义问题的高手指点

若你修改后的结果里不含html标签的话,此段代码完全适用

我个人觉得在php中接到表单值后再修改要简单些,不知你为何要用js来修改,是否是其中有什么优越之处?1. js取值,直接赋值

2. var document.gerElementById('name').value="值";

3. 表单正常提交php进行$_post取值,存在库中

给form加个id,


微信搜索公众号【深圳家】或者直接搜索【i-shenzhen】,获取更多信息

主题推荐

    暂无主题推荐
回复

使用道具 举报

快捷回复: 【看帖回帖是一种美德】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ| Archiver|手机版|小黑屋|深圳家|家在深圳论坛-深圳城事生活社区-心安处即故乡

深圳家,宏跃创智旗下科技门户网站 - 爱家,爱生活,心安处即故乡。

Copyright © 2001-2213 Comsenz Inc.   All Rights Reserved.

Powered by 宏跃创智 X3.4

快速
发帖
快速
回复
返回
列表
返回
顶部