JS新人 控制填写网页数据求指导

Question

document.getElementById('ID').value='A'在浏览器控制台使用这个命令填写网页数据，修改成功后刷新，数据却还是以前的，只能手动在网页里面填写，求指导，谢谢！！

Answer 1

网页显示如图，需要修改工资性收入后面的数字
代码是这样的
<input formcontrolname="aac073" id="aac073" pinputtext="" placeholder="单位：元" type="number" class="ng-untouched ng-pristine ng-valid ui-inputtext ui-corner-all ui-state-default ui-widget ui-state-filled">使用document.getElementById('ID').value='A'后工资性收入数字会变成A,但是保存后再刷新还是原来的数，求指导谢谢大佬！！

Answer 2

你修改之后要提交表单才行
document.getElementById('ID').value='A';
document.getElementById("form的id").submit();当然网站的服务器还会检验提交的数据是否合法，合法才能真正保存。

Answer 3

谢谢
在控制台输入如下代码：
"document.getElementById('aac073').value='1';"
"document.getElementById('aac073').submit();"
结果如下还是不行啊

Answer 4

谢谢
在控制台输入如下代码：
"document.getElementById('aac073').value='1';"
"document.getElementById('aac073').submit();"
结果如下还是不行啊
是调用form元素submit()方法。不是input元素。
另外，代码外边别加双引号啊，那样就成字符串了。

Answer 5

谢谢
在控制台输入如下代码：
"document.getElementById('aac073').value='1';"
"document.getElementById('aac073').submit();"
结果如下还是不行啊
是调用form元素submit()方法。不是input元素。
另外，代码外边别加双引号啊，那样就成字符串了。
没找到FORM ID，找了半天只有个FORM CONTROL NAME ，用by name一直报错。。

Answer 6

就不能设置个form的id?

Answer 7

我也想问啊，这个不是我码的嘛，我只是用控制台填报数据，用document.forms[ ].submit()是直接刷新网页。。

Answer 8

谢谢
在控制台输入如下代码：
"document.getElementById('aac073').value='1';"
"document.getElementById('aac073').submit();"
结果如下还是不行啊
是调用form元素submit()方法。不是input元素。
另外，代码外边别加双引号啊，那样就成字符串了。
没找到FORM ID，找了半天只有个FORM CONTROL NAME ，用by name一直报错。。
用name也可以
document.getElementsByName('name')[0].submit();或者这样
document.getElementById('aac073').form.submit();

Answer 9

谢谢
在控制台输入如下代码：
"document.getElementById('aac073').value='1';"
"document.getElementById('aac073').submit();"
结果如下还是不行啊
是调用form元素submit()方法。不是input元素。
另外，代码外边别加双引号啊，那样就成字符串了。
没找到FORM ID，找了半天只有个FORM CONTROL NAME ，用by name一直报错。。
用name也可以
document.getElementsByName('name')[0].submit();或者这样
document.getElementById('aac073').form.submit();
谢谢了
按照您提供的代码，第一个改了name也是一直报错
第二个会直接刷新网页，也没法保存

Answer 10

也可能是这个页面用的是ajax方式提交数据的。
用这个试试
document.getElementById("保存（提单）按钮的id").click();

Answer 11

谢谢，
是合法的number数据，使用这个方式确实是会在填报数据后进行保存，但是再次点开却还是原来的数据，是不是因为有一个自动计算的汇总项，如果用控制台填报，填报的项变了，但是汇总的项不会变，如果手动填报，汇总项就会自动进行计算，代码如下：
<input formcontrolname="aac081" id="aac081" pinputtext="" placeholder="单位：元" readonly="readonly" class="ng-untouched ng-pristine ng-valid ui-inputtext ui-corner-all ui-state-default ui-widget ui-state-filled">

Answer 12

谢谢，
是合法的number数据，使用这个方式确实是会在填报数据后进行保存，但是再次点开却还是原来的数据，是不是因为有一个自动计算的汇总项，如果用控制台填报，填报的项变了，但是汇总的项不会变，如果手动填报，汇总项就会自动进行计算，代码如下：
<input formcontrolname="aac081" id="aac081" pinputtext="" placeholder="单位：元" readonly="readonly" class="ng-untouched ng-pristine ng-valid ui-inputtext ui-corner-all ui-state-default ui-widget ui-state-filled">

填报的项变之后模拟触发下这几个事件，看看汇总的项会自动进行计算吗
$("#aac081").trigger("change");
$("#aac081").trigger("blur");
$("#aac081").trigger("input");
$("#aac081").trigger("keyup");

Answer 13

谢谢，试了下，会报错： trigger is not a function
是不是因为前面有这样的代码：div class="ui-panel-content-wrapper ng-trigger ng-trigger-panelContent"source里面看需要填报的地方这部分代码是这样的：
 var n = new u.IncomeInfo;
            return l.aac076 = Number(l.aac076 || 0),
            l.aac077 = Number(l.aac077 || 0),
            l.aac086 = Number(l.aac086 || 0),
            l.aac078 = Number(l.aac078 || 0),
            l.aac083 = Number(l.aac083 || 0),
            l.aac087 = Number(l.aac087 || 0),
            l.aac073 = Number(l.aac073 || 0),
            l.aac071 = Number(l.aac071 || 0),
            l.aac074 = Number(l.aac074 || 0),
            l.aac092 = Number(l.aac092 || 0),
            l.aac093 = Number(l.aac093 || 0),
            n.aac085 = l.aac076 + l.aac077 + l.aac086 + l.aac078 + l.aac083,
            n.aac085 = n.aac085 + l.aac087,
            n.aac072 = Number((l.aac092 + l.aac093).toFixed(2)),
            n.aac085 = Number(n.aac085.toFixed(2)),
            n.aac081 = Number((n.aac085 + l.aac073 + l.aac071 + n.aac072).toFixed(2)),
            n.aac079 = Number((n.aac081 - l.aac074).toFixed(2)),
            n.aac082 = l.num > 0 ? Number((n.aac079 / l.num).toFixed(2)) : null,
            n
        }

Answer 14

你这样直接修dom元素的值 只是在当前页面修改的 没有与服务器交互 刷新过后还是原来的那个页面 数据当然还是原来的数据

Answer 15

可以试试$(“#id”).attr(“value”,”A”);

Answer 16

试验了下，不是ajax提交的，断了网也会自动计算
总的流程是
1.填写数据
2.自动计算项进行计算
3.点击保存按钮进行保存
现在的问题就是这些自动计算的项，只有在手动填报网页数据的时候才会进行计算，用控制台填写的数据不会自动计算，所以就算点击了保存，再次打开页面还是原来的数据

Answer 17

你这个是angular 为什么要操作dom 这个是做了双向绑定的吧？