javascript – 无法设置隐藏的表单字段

发布时间:2020-09-30 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了javascript – 无法设置隐藏的表单字段编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在提交之前设置隐藏在表单中的类型的输入,我不明白为什么它没有设置我的字段:

HTML

<form id="createForm" method="post" action="[myhost]/[myaddress]/[mypath]" enctype="multipart/form-data" >
      <input type="hidden" id="ticket" name="Ticket" />
    </form>

   <input id="setterInput" type="text"/>
   <button onclick="methods.setHidden()"></button>

JS

window.methods = {
    setHidden: function () {
            var form = document.getElementById('createForm');
            var setter=document.getElementById('setter');
            var input = document.getElementsByName('Ticket');
            input.value = setter.value;
            console.log(input.value); //has the desired value
      //looking with the debugger in my form at the target input,the value is still default
    }

}

当我在console.log行中设置调试器时,输入变量已设置.但它不会反映在表单中.
当我滚动表单时,输入的值仍为“”.

有什么建议 ?

解决方法

getElementsByName返回一个元素数组,即使只有一个元素.

你可以做两件事:

改变这个:

var input = document.getElementsByName('Ticket');

对此:

var input = document.getElementById('ticket');

或者如果你想继续使用getElementsByName,你可以像这样访问它的值:

var input = document.getElementsByName('Ticket')[0];

总结

以上是编程之家为你收集整理的javascript – 无法设置隐藏的表单字段全部内容,希望文章能够帮你解决javascript – 无法设置隐藏的表单字段所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!