首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS如何使用隐藏控件表单添加参数

前言 在一些前端动态网页的表单里,并不是所有的参数都需要填写或选择,有些需要隐藏起来,然后跟着小单一起提交传递给后台,发送到服务器端 那这个是怎么实现的呢 示例展示 具体示例,可见 https://coder.itclan.cn.../fontend/js/24-hide-input-params/ 01 原生js 对于不显示在界面上的元素,但在提交表单时,却又要携带上去,是有这种需求的,比如用户修改某件商品信息时,商品的id,商品的...id并不是用户想要关心的 但是这个id又是数据库表格的标识,往往是一个必传的字段,因此使用隐藏变量把这个参数隐藏起来,可以很好的解决这个问题 具体如下代码所示 // 展示表单参数的函数 function...// 设置萤囊变量的值,这个值也可以通过标签的value指定 document.forms[0].myhidden.value = "我是隐藏的参数"; var str = "表单将提交的参数包括...,有时是需要传给后端的,传统的方法,隐藏表单的数据,然后在提交时,传递给后端,是一个比较常见的操作

11K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原生js添加元素

    今天做页面使用的mui,因为使用mui情况下无法使用jquery,于是在ajax请求完毕添加元素的时候发现自己竟然对原生js添加元素的方法有点模糊了,真是越活越倒退了,赶紧整理一波。...首先最简单的innerHTML,这个不想多说,入门新手喜欢这么用,但他的缺点也很明显:不管你渲染部分还是全部,始终需要替换原先所有的子元素,也就是需要重复渲染,会增加浏览器压力。...接下来就是正题了,js推荐是这样进行元素添加: 1.创建游离元素节点:let div=document.createElement(“div”); 2.给创建元素添加属性:div.setAttribute...(“class”,”className”);注意setAttribute一次只能设置一条属性 3.创建文本节点:let textNode=document.createTextNode(“需要添加的文本...”); 4.将文本节点添加元素节点中div.appendChild(textNode); 5.加元素节点插入文档:Parent.appendChild(div); over 发布者:全栈程序员栈长,转载请注明出处

    8.9K20

    WooCommerce 结算页面自定义(删除添加表单元素

    这篇文章意在记录一个问题,在默认的WooCommerce 的结算(checkout)页面上自定义(删除/添加表单元素。...需求一:删除结算页面上多余的表单元素(fields) 这个多余的表单元素指删除后,只剩下最需要的三个:姓、名、邮箱。这个需求如果单单是做虚拟商品的话就非常有需要。...需求二:设置表单元素的一些显示样式 上面的小标题实在是太难表达Jeff 的意思了,下面直接上例子+代码。...好在官方对于text表单定义了不同的类(class),具体而言,你需要查看官方文档,然后捏代码应该是这样的: // 将默认的邮箱输入框重置最大 add_filter( 'woocommerce_checkout_fields...需求三:添加自定义的表单元素 比如说我想定义一个text的输入框,就可以用下面的代码: add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields

    3.6K80

    WordPress 评论框添加HTML5 表单验证

    WordPress 中最常用到的表单莫过于评论框了,但现在不少的WordPress 主题(包括WordPress官方的主题),其表单验证其实是借助javascript 甚至php来的。...借助HTML5 的表单验证,我们可以轻松解决这个问题,让UE 更上一层楼。...HTML5新的表单特性 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search...color 两个特殊的验证熟悉 required属性——浏览器会自动验证用户是否输入了该字段,如果不输入无法提交表单; placeholder属性——可以给表单一段默认的文字,对用户进行提示,获得焦点的时候不会消失...,浏览器(图示chrome浏览器)会如下图提示: 没有输入必填项: ?

    4.4K100
    领券