js如何控制input标签中两个button给form表单的一个属性传值?

如图两个按钮这两个按钮要给form表单传值,
图片说明
但只能传1(已启用)和0(已禁用),
而且只能传一个
html代码如下

 <li class="col-6"><label class="hzg-label">当前状态:</label>
    <input type="button" value="已启用" class="btn btn-size09 btn-c-g01" onclick="sure(1)"/>
    <input type="button" value="已禁用" class="btn btn-size09 btn-c-g01" onclick="sure(2)"/>
</li>

因为要根据这个条件搜索,所以要把0或1传给form的state,然后传给后台

7个回答

放个hidden控件存储点的按钮值,要不你的按钮有name 2个值都会回传服务器,然后你服务器或者hidden的值

而且你的禁用值到底是0还是2?你html里面sure传递2,你自己描述是0,搞清楚来。。

 <li class="col-6">
    <label class="hzg-label">当前状态:</label>
    <input type="hidden" name="state" value="" id="state" />
    <input type="button" value="已启用" class="btn btn-size09 btn-c-g01" onclick="sure(1)" />
    <input type="button" value="已禁用" class="btn btn-size09 btn-c-g01" onclick="sure(2)" />
</li>
<script>
    function sure(v) {
        document.getElementById('state').value = v==2?0:v;////自己注意禁用的值到底是什么
    }
</script>
showbo
支付宝加好友偷能量挖 回复char3: 记得采纳:)。。。。
大约 3 年之前 回复
char3
char3 参考了你的代码和方法,解决了,谢谢啦~
大约 3 年之前 回复
 function sure(state) {
    $("#formId").attr("state", state);
}

用input hidden按钮存要传的参数:
先建一个hidden按钮用来存要传的参数,在sure()方法里判断传入参数是1还是2,如果是1改变'已启用'按钮为选择后的样式,并且让'已禁用'的样式改为普通未选样式,把hidden值改为要传的值;传参为2则相反。

写一个隐藏的input存储state的值,因为初始化state要有值。所以只给出click事件是做不到的。click的事件修改隐藏input的值就可以了

你那个sure的参数有问题吧,应该是


function sure(state) {
$("#state").val(state);
}

char3
char3 太帅了,按照你的方法已经解决了,谢谢啦~
大约 3 年之前 回复

是这样的,查询条件有3个,不知道用户输入几个的条件下查询,所以并不能单独提交,还要改点击后的样式,所以比较麻烦

    //查询
    //控制两个状态按钮改变样式
    function sure(key) {
        var bt1 = document.getElementById('onState');
        var bt2 = document.getElementById('offState');
        if(key==1){
            bt2.setAttribute("class", "btn btn-size09 btn-c-g01");
            bt1.setAttribute("class", "btn btn-size09 btn-c-b06");

        }else if(key==0){
            bt1.setAttribute("class", "btn btn-size09 btn-c-g01");
            bt2.setAttribute("class", "btn btn-size09 btn-c-b06");

        }
    }
    function searchForm(){
        $("#pageIndex").val("1");
        //名称
        $("#productName").val(Trim($("#productName").val()));
        //单位
        $("#unit").val(Trim($("#unit").val()));
        //状态

        var url = "/Consumer/product/productTypes/init";
        $("#proForm").attr("method","post");
        $("#proForm").attr("action", url);
        $("#proForm").submit();
    }

图片说明

问题已解决,具体需求是我的回答补充,解决办法参照3楼4楼,一楼的方法如果只有一个查询条件也可以
再次感谢所有回答的朋友们

这简单
可以 点击 button1 给隐藏域 js对象 传一个值
点击 button2 给隐藏域 js对象 传另一个值
后来 你进行表单提交 不就完了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
button标签怎么提交一个不属于他的form表单的数据

<button type="button" class="btn btn-orange btn-sm chooseimg" data-dismiss="modal" id="submit">确定</button> 我要提交另一个表单的内容 两者只是在同一个页面 请问jquery代码怎么写?????跪求大神

如何实现一个button提交form的一部分另一个button提交整个form?(angular)

如图,submit提交整个form,右边question部分是form的一部分,上面有个+ button,点击这个button,提交右边到 questions[]这个应该怎么做?form嵌套form吗? 重点:我用的是angular

JSP中的一个form表单需要提交到不同处理页面

求助: 我的一个页面中的一个form表单有三个提交按钮,分别提交到不同的Servlet中处理后跳转 下边是javascript代码 function a(src){ var form = document.getElementById("form_tp"); form.action = src; form.submit(); alert(src);//弹窗 (未弹出) } 页面部分代码 <td> <label class="ui-blue"><input type="button" name="submit" value="修改信息" onclick="a('DoIndexUserUpdate')"/></label>&nbsp; <label class="ui-blue"><input type="button" name="submit" value="查看订单" onclick="a('DoIndexOrderGetByUserId')"/></label>&nbsp; <label class="ui-blue"><input type="button" name="submit" value="查看留言" onclick="a('DoIndexGuestbookGetByUserId')"/></label> </td> 但是在运行时页面无法提交 form.submit();后边的弹窗未弹出 求助啊!~

button按钮在相应form表单时是怎么相应的

<form action="cashier_down.jsp" method="post"> <table width="80%" align="center" border="1" bgcolor="#FFFAF0"> <tr> <td align="right">条码号:</td><td><input type="text" name="product_number"></td> <td align="right">购买数量:</td><td><input type="text" name="total_quantity"></td> </tr> <tr> <td colspan="4" align="right"><input type="button" value="确定" onclick="text()" ></td> </tr> </table> </form> <script language="javascript"> function text(){ document.form[0].submit(); } </script> 如果是这么的表单,button可以响应form表单嘛,我知道submit,但是submit怎么加这个onclick相应?如果可以相相应该怎么响应的,求大神解答~~

如何获取form表单对象的值

<form method="post" class="po-posts"> <div class="po-names"> <label>姓名:</label> <input type="text" name="" class="name-inputs"> </div> <div class="po-phones"> <label>电话:</label> <input type="text" name="" class="name-inputs"> </div> <div class="po-sub"> <input type="button" value="确定" class="po-submits btnDespeak" onclick="show(this.form)"> </div> </form> 我页面中有这样多个表单,我都是这个定义的,当我点击确定按钮时,此时能够获得相对应的表单对象,我该怎么获取到他的两个值呢?

form中 type=button 与 type=submit的表单提交的疑问

1.用button提交为什么提交不了,我调用了submit()方法,但是为什么没有进入action里面的页面 2.直接在表单上加 onsubmit="return check();",用jq写的时候这个check()函数应该写在哪 3.关于上面疑问的细节我用注释说明了,搞了大半天还是没有弄清楚,麻烦大神指导指导。不胜感激。 4.check()函数放在$(function(){})外面的时候,当本来该执行里面的return false时,为什么还是提交并进入action里面的页面了呢? ``` <form id="register" name="register" method="get" action="https://www.baidu.com"> <input type="text" name="userName" placeholder="用户名" autocomplete="off"/> <input type="submit" name="submit" value="注册"/> <input type="button" name="show" value="点击"/> </form> <script type="text/javascript"> $(function(){ var name = ''; $("input[name='userName']").blur(function(){ if($(this).val()){ name = $(this).val(); } }); //第一种:button模拟提交 这种为什么提交不了 /*$("input[name='show']").click(function(){ if(name){ $("form#register").submit(); }else{ alert("无法提交"); } })*/ //第二种: 表单加上onsubmit="return check();"验证 //这个函数写在里面,访问上面的变量,但是直接外部onclick绑定没有进函数 function check(){ alert("ok"); //直接未进入函数 if($("input[name='userName']").val()!=null){ //alert("ok"); return true; }else{ //alert("false"); return false; } } }) //这个函数写在外面,外部onclick绑定可以进入该函数,但是无法访问上面已有过控制的变量 /*function check(){ //alert("ok"); //进入函数 if($("input[name='userName']").val()!=null){ //alert("ok"); //有输入时,进入 return true; }else{ //alert("false"); //无输入,为什么没有进入 return false; } }*/ ```

同一个form表单不同按钮提交到不同servlet

在JSP界面中如何将同一个表单ID为Form用不同的按钮提交到不同的servlet中

HTML表单使用两个JS脚本,但只调用一个

<div class="post-text" itemprop="text"> <p>I have an HTML form that takes input and then it is sent as JSON using a ajax script. Within this form is another form to upload images to the webserver using PHP and another JS script. The problem I am having is when I hit the 'Upload File' button it uses the function for the JSON post, but doesn't use the PHP/JS to upload the image to the webserver. </p> <p>I tried to combine the two form enctypes into one, but that didn't seem to work. It hits the first form and doesn't continue to the next it seems. Is there a way to combine this? or is it as simple as syntax errors. </p> <p>HTML forms:</p> <pre><code> &lt;div id="createModal" class="modal fade" role ="dialog"&gt; &lt;div class="modal-dialog modal-lg"&gt; &lt;!--Modal content--&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header" style="text-align: center"&gt; &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt; &lt;h4 class="modal-title"&gt;Create New Listing&lt;/h4&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;div style="text-align: left"&gt; &lt;form enctype='application/json' style="text-align: center" method="post" name="form" id="form" onsubmit="submitForms()"&gt; &lt;input name="seller" value="" type="text" class="form-control" placeholder="First and Last Name"&gt; &amp;nbsp &lt;input name="email" value="" type="text" class="form-control" placeholder="Email"&gt; &amp;nbsp &lt;select name="category" value="" class="form-control"&gt; &lt;option selected disabled value="choose"&gt;--Category--&lt;/option&gt; &lt;option value="furniture"&gt;Furniture&lt;/option&gt; &lt;option value="books"&gt;Books&lt;/option&gt; &lt;option value="music"&gt;Music&lt;/option&gt; &lt;/select&gt; &amp;nbsp &lt;input name="item" value="" type="text" class="form-control" placeholder="Item Name"&gt; &amp;nbsp &lt;input name="itemdesc" value="" type="text" class="form-control" placeholder="Item Description"&gt; &amp;nbsp &lt;input name="model" value="" type="text" class="form-control" placeholder="Model"&gt; &amp;nbsp &lt;input name="price" value="" type="text" class="form-control" placeholder="Price ($00.00)"&gt; &amp;nbsp &lt;/form&gt; &lt;h2&gt; Image Upload &lt;/h2&gt; &lt;form enctype='multipart/form-data' action='' method='POST' name="uploadForm" id="uploadForm" onsubmit="submitForms()"&gt; Only JPEG, PNG, JPG types allowed. Image size should be less than 100KB. &lt;br/&gt;&lt;br/&gt; &lt;div id="filediv"&gt;&lt;input name="file[]" type="file" id="file"/&gt;&lt;/div&gt; &lt;br/&gt;&lt;br/&gt; &lt;input type="button" id="add_more" class="upload" value="Add More Files"/&gt; &lt;!--&lt;input type="submit" value="Upload File" name="upload_submit" id="upload_submit" class="upload"/&gt;--&gt; &lt;!--- Including PHP Script --&gt; &lt;?php include 'upload.php'; ?&gt; &lt;div class="modal-footer"&gt; &lt;input type="submit" class="btn btn-default" value='Submit'/&gt; &lt;/div&gt; &lt;/form&gt; &lt;script&gt; var success = ("The forms were submitted"); function submitForms() { document.getElementById("form").submit(); document.getElementById("uploadForm").submit(); console.log(success); alert(success); } &lt;/script&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="js/script.js"&gt;&lt;/script&gt; &lt;script src="js/json.js"&gt;&lt;/script&gt; </code></pre> <p>JSON Ajax:</p> <pre><code>var form = document.forms['form']; form.onsubmit = function (e) { //stop regular form submission e.preventDefault(); //collect the form data var data = {}; for (var i = 0, ii = form.length; i &lt;ii; ++i) { var input = form[i]; if (input.name) { data[input.name] = input.value; } } //console.log(JSON.stringify(data)); //construct an HTTP request var url = [removed] $.ajax({ url: url, type: 'POST', crossDomain: true, data: JSON.stringify(data), dataType: 'json', contentType: "application/json", success: function (response) { var resp = JSON.parse(response) alert(resp.status); }, error: function (xhr, status) { alert("error"); } }); //console.log(JSON.stringify(data)) //console.log(url); }; </code></pre> <p>Upload PHP:</p> <pre><code>&lt;?php if (isset($_POST['upload_submit'])) { $j = 0; // Variable for indexing uploaded image $target_path = "/tmp/uploads"; // Declaring path for uploaded images. for ( $i = 0; $i &lt; count($_FILES['file']['name']); $i++) { // Loop to get individual element from the array $validextensions = array("jpeg","jpg","png"); // Extensions that are allowed $ext = explode('.', basename($_FILES['file']['name'][$i])) // Explode file name from dot (.) $file_extension = end($ext); // Store extentions in the variable $target_path = $target_path . md5(uniqid()) . "." . $ext[count($ext) - 1]; //Set the target path with the name of the image $j = $j + 1; // Increment the number of uploaded images according to the files in the array if (($_FILES["file"]["size"][$i] &lt; 100000) // Approx. 100kb files can be uploaded &amp;&amp; in_array($file_ectensions, $validextensions)) { if (move_uploaded_file($_FILES['file']['tmp_name'][$i], $target_path)) { // If file moved to uploads folder echo $j. ').&lt;span id="noerror"&gt;Image uploaded successfully!. &lt;/span&gt;&lt;br/&gt;&lt;br/&gt;'; } else { // If File was not moved. echo $j. '). &lt;span id="error"&gt;Please try again!.&lt;span&gt;&lt;br/&gt;&lt;br/&gt;'; } } else { // If file size and File type incorrect. echo $j. ').&lt;span id="error"&gt; Invalid file Size or Type&lt;/span&gt; &lt;br/&gt;&lt;br/&gt;'; } } } ?&gt; </code></pre> <p>Thanks for any help with this. </p> </div>

多个form表单数据一修改全变了,求解

如图所示: ![图片说明](https://img-ask.csdn.net/upload/201904/01/1554113388_440283.png) ``` <div v-for="(item,index) in items" :key="index"> <el-form :inline="true" :model="formObj" class="demo-form-inline" size="mini" label-position="right" > <el-form-item label="名称1"> <el-select v-model="formObj.name" > <el-option label="A0001" ></el-option> <el-option label="A0002"></el-option> </el-select> </el-form-item> <el-form-item label="名称2"> <el-select v-model="formObj.name2"> <el-option label="0001"></el-option> <el-option label="0002" ></el-option> </el-select> </el-form-item> <el-form-item label="金额"> <el-input v-model="formObj.amount"></el-input> </el-form-item> <el-form-item label="座位"> <el-input v-model="formObj.seat"></el-input> </el-form-item> </el-form> </div> ``` 点击新增按钮,表单新增一行 ``` <el-button @click="add" >新增</el-button> ``` ``` data(){ return { formObj: { bondName: "", etName: "", purchaseAmount: "", seat: "" }, items: [], text: 0 } } ``` ``` methods:{ add: function() { this.items.push(this.text++); } } ``` 但是问题是,修改一行数据,所有的数据都变了,想着可以用作用域插槽,但是不知道怎么添加。。求解

在同一行添加两个表单域并将结果合并为一个?

<div class="post-text" itemprop="text"> <p>I couldn't find an answer to my scenario, at least couldn't manage to implement one properly. I'm using Tsoha-Bootstrap and Twig and have a form that submits information about a clip. What I'm trying to do is: </p> <ul> <li>Separate the resolution field into two boxes with an x in between the fields.</li> <li>After the height and width of the resolution is filled in, I need those to be combined into one name property (name="resolution"). </li> </ul> <p>Here's what the form looks like with the code I have: <a href="http://gyazo.com/1051cc2c37dc413a31f6ca6b60111969" rel="nofollow">http://gyazo.com/1051cc2c37dc413a31f6ca6b60111969</a><br> As you can see, the res is not aligning as intended and not quite sure how to make the combination method happen.</p> <p>Here's my form:</p> <pre><code>{% extends "base.html" %} {% block content %} &lt;h1&gt;Upload a fresh clip&lt;/h1&gt; {% if errors %} &lt;div class="alert alert-danger"&gt; &lt;ul&gt; {% for error in errors %} &lt;li&gt;{{error}}&lt;/li&gt; {% endfor %} &lt;/ul&gt; &lt;/div&gt; {% endif %} &lt;script language="javascript"&gt; function combineResolution(){ document.getElementsByName("resolution").value = document.getElementById("res1").value + " x " + document.getElementById("res2").value; } &lt;/script&gt; &lt;form method="post" action="{{base_path}}/clipList"&gt; &lt;div class="form-group"&gt; &lt;label&gt;Title&lt;/label&gt; &lt;input type="text" value="" name="title" value="&lt;?php echo htmlspecialchars($_GET['title']); ?&gt;" class="form-control" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label&gt;Game&lt;/label&gt; &lt;input type="text" value="" name="game" value="&lt;?php echo htmlspecialchars($_GET['game']); ?&gt;" class="form-control" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label style="float:left;display:inline-block"&gt;Resolution&lt;/label&gt; &lt;br&gt; &lt;input id="res1" type="text" value="" name="res1" value="&lt;?php echo htmlspecialchars($_GET['resolution']); ?&gt;" class="form-control" style="width: 60px;float:left;display:inline-block"/&gt; &lt;p style="float:left"&gt;&amp;#160;&lt;strong&gt;X&lt;/strong&gt;&amp;#160;&lt;/p&gt; &lt;input id="res2" type="text" value="" name="res2" value="&lt;?php echo htmlspecialchars($_GET['resolution']); ?&gt;" class="form-control" style="width: 60px;float:left;display:inline-block"/&gt; &lt;/div&gt; &lt;br&gt; &lt;div class="form-group"&gt; &lt;label&gt;FPS&lt;/label&gt; &lt;input type="text" value="" name="fps" value="&lt;?php echo htmlspecialchars($_GET['fps']); ?&gt;" class="form-control" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label&gt;Upload date&lt;/label&gt;&lt;br&gt; &lt;!-- Try to auto-add this without a field somehow. --&gt; &lt;input type="date" value="" name="added" value="&lt;?php echo htmlspecialchars($_GET['added']); ?&gt;" /&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label&gt;Description&lt;/label&gt; &lt;textarea value="" name="description" value="&lt;?php echo htmlspecialchars($_GET['description']); ?&gt;" class="form-control"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;button type="submit" class="btn btn-primary" action=combineResolution()&gt;Save Changes&lt;/button&gt; &lt;/div&gt; &lt;/form&gt; {% endblock %} </code></pre> <p>The properties are passed onto a store method that puts the info into a table using the name properties of each field. (Which is why I figured using getElementsByName() would work.)</p> </div>

如何获取同一个form表单里的对象的value值呢

``` <input type="hidden" id="district<%=i%>" name="district" > <script> document.getElementById("district"+i).value=document.getElementById("shuru"+i).value </script> ``` 如题,我想将hidden里的value 设置为上面id为shuru的的值 ``` <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@page import="Db.Db"%> <%@page import="java.text.SimpleDateFormat"%> <%@ page import="java.sql.*"%> <%@ page import="java.util.Date"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!-- 修改前--> <% request.setCharacterEncoding("utf-8"); String uaddr = null; int uid = 0; String uname = request.getParameter("uname"); String[] strgid = request.getParameterValues("addOrders"); Connection conn = null; Statement stmt = null; Statement stmt1 = null; ResultSet rs = null; ResultSet rs1 = null; conn = Db.getconn(); stmt = conn.createStatement(); stmt1 = conn.createStatement(); System.out.println(uname); rs1 = stmt1.executeQuery("select * from user where uname = '"+ uname + "' "); if (rs1.next()) { uaddr = rs1.getString("uaddr"); uid = rs1.getInt("uid"); } %> <% SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String nowTime = sdf.format(new Date()); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>购物车</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> </head> <body> <form method="post" action="servlet/AddOrdersServlet" name="numSender"> <input type="hidden" name="uid" value="<%=uid%>"> <input type="hidden" name="uname" value="<%=uname%>"> <input type="hidden" name="oaddr" value="<%=uaddr%>"> <input type="hidden" name="dealtime" value="<%=nowTime%>"> <!-----script放到循环外-------> <script type="text/javascript"> function jianC(i,p1) { /*定义变量K,用商品数量输入框里面的数字赋值*/ var k =document.getElementById("shuru"+i);//获取数量输入控件 var v=parseInt(k.value,10); v--; /*点击-号按钮会递减商品价格*/ if (v < 1) { alert("亲,商品数量不能小于1!"); return//超限退出 } k.value=v; k.setAttribute('sum',v*p1)//将这个物品的小计放到自定义属性sum中,方便计算总价 setTotal()//重新设置总价钱 } function adddC(i,p1) { /*点击+号按钮会递加商品数量*/ var k =document.getElementById("shuru"+i);//获取数量输入控件 var v=parseInt(k.value,10); v++; if (v > 99) { alert("您所选择的数量已经到达库存上限!"); return//超限退出 } k.value=v; k.setAttribute('sum',v*p1)//将这个物品的小计放到自定义属性sum中,方便计算总价 setTotal()//重新设置总价钱 } function setTotal(){//设置总价 var o=document.getElementsByName('init_num');//获取数量输入框 var sum=0; for(var i=0;i<o.length;i++)sum+=parseInt(o[i].getAttribute('sum')||0) document.getElementById("cost").value = sum + "元" } function sendNum() { alert("xxxxxx"); document.getElementById("district"+i).value=document.getElementById("shuru"+i).value; alert("aaaaaaaaaaa"); } </script> <table border=1 align="center"> <tr> <td colspan="4" align="center">购物车</td> </tr> <tr> <td align="center">商品</td> <td align="center">数量</td> <td align="center" colspan="1">操作</td> </tr> <% for (int i = 0; i < strgid.length; i++) { int gid = Integer.parseInt(strgid[i]); rs = stmt.executeQuery("select * from goods where gid =" + gid); if (rs.next()) { String strgprice = rs.getString("gprice"); Double p =Double.parseDouble(strgprice); // System.out.println("p="+p); %> <!-- ss --> <tr> <td><img src="<%=rs.getString("gpicture")%>">&nbsp;<%=rs.getString("gname")%></td> <td><input type="button" id="jian" onClick="jianC(<%=i%>,<%=p%>)" value="-"><!-----传入循环i和单价-------> <input id="shuru<%=i%>" name="init_num" class="input_text" type="text" value="0" size="3"><!-----id连接上i变为唯一-------> <input type="hidden" id="district<%=i%>" name="district" > <script> document.getElementById("district"+i).value=document.getElementById("shuru"+i).value </script> <input type="button" id="addd" onClick="adddC(<%=i%>,<%=p%>)" value="+"><!-----传入循环i和单价-------></td> <td> <input type="checkbox" name="gid" value="<%=gid %>"> </td> </tr> <% } } rs.close(); rs1.close(); stmt.close(); stmt1.close(); conn.close(); %> <tr> <td colspan="4" align="center"> 总价:<input id="cost" class="input_text" type="text" value="0" size="3" value="0"></td> </tr> <tr> <td colspan="5" align="center"> <button id="buy_anniu" type="submit" onClick="sendNum()">提交</button> <button type="reset">重置</button> </td> </tr> </table> </form> </body> </html> ```

Javascript:上传两个文件表单和一个按钮提交

<div class="post-text" itemprop="text"> <p>My intention for this project is to upload two files using one submit button that executes different functions. </p> <p>For example, I have a file in <code>csv</code> format named "A" that has data on longitude/latitude and I have a function that calculates the distance between them and stores it into an array. </p> <p>My second file "B" has missing information on the distance so what I would like to do is store the distance into the second file and have it shoot out a new file containing B with that missing information from A.</p> <p>Now I can upload file A and have it execute the functions without any problems but when I try to upload file B it's saying it does not exist. </p> <p>My question is <strong>how can I have two upload forms but submit both at once while performing different functions on each file.</strong> Of course file A has to finish performing the calculations before that can be inserted into file B.</p> <pre><code> &lt;input type="file" id="A" /&gt; &lt;form method="get" id="uploadA" &gt; &lt;input type="file" id="B" /&gt; &lt;form method="get" id="uploadB" &gt; submitForms = function(){ $('#fileA').submit(a()); $('#fileB').submit(b());} var b = function () { var fileUser = document.getElementById('#fileB'); var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/; if (regex.test(fileUser.value.toLowerCase())) { if (typeof (FileReader) != 'undefined') { var reader = new FileReader(); reader.onload = function (e) { var table = document.createElement('table'); var rows = e.target.result.split(" "); for (var i = 0; i &lt; rows.length; i++) { var row = table.insertRow(-1); var cells = rows[i].split(","); //do something } reader.readAsText(Userfile.files[0]); } }else { alert("This browser does not support HTML5."); } } else { alert("Please upload a valid CSV file."); } return false; //prevent the form from submitting } </code></pre> <p>});</p> </div>

我可以使用<input type =“button”/>提交表单值吗?

<div class="post-text" itemprop="text"> <p>I'm working on a search engine and I have a really serious problem with <code>GET</code> and <code>POST</code> methods.</p> <p>Im using an <code>&lt;input type="button" /&gt;</code> to avoid page from refreshing every time im pressing the button.</p> <p>After button is pressed I'm showing a result (google_map, monumet picture, specs).</p> <p>The problem now is that I want to submit and show form values + result (google_map, monumet picture, specs) by pressing this button.</p> <p>This is a problem because <code>&lt;input type="button" /&gt;</code> does not submit form values and I'm really stuck.</p> </div>

button 实现submit的功能

在写页面时,一个表单中实现多个提交。就想采用button + js来实现 js的写法 function submitForm(method){ document.myForm.action = document.myForm.action + method; document.myForm.onsubmit; } 表单中<form action = 'XXXXXX?method' method='post'name='myForm'> <input type='button' onclick='submitForm("add")'value='新增'> <input type='button' onclick='submitForm("del")'value='删除'> 在js中用alert()打出action的值都是正常,就是不能正常提交。 只有把两个button 都换成submit 才行。求解!

html5 怎么样把input type=text和input type=button 并排?

``` <body> <div data-role="page" id="page"> <div data-role="header"> <a href="#" data-role='button' data-rel="back">返回</a> <h1>搜人脉</h1> </div> <div data-role="content"> <form action="#" method="POST"> <fieldset data-role='controlgroup'> <input type='text' id='keyword' placeholder="请输入用户名\职位\公司" style="display:inline" data-inline='true' /> <input type='button' id='btnok' value='搜索' data-inline='true' style="display:inline" /> <div id='result' style='width:280px;background:#ffffff;border:1px #ccc solid;display:none'> </div> </fieldset> </form> </div> </div> # </body> ```

一个页面上有两个AJAX表单,一个清除另一个表单

<div class="post-text" itemprop="text"> <p>I have two forms usin ajax on one page, one for uploading an image and the other sending information via mail.</p> <p>When I submit one it clears the content of the other one.</p> <p>My html:</p> <pre><code>&lt;form class="inputform"&gt; &lt;input required size="60" maxlength="80" class="form-control" name="Location[zendernaam]" id="Location_zendernaam" type="text"&gt; &lt;!--more input fields--&gt; &lt;input type="submit" class="submit" style="display:none;"&gt; &lt;/form&gt; &lt;form id="form" class="imageuploadform" action="&lt;?php echo get_home_url(); ?&gt;/wp-content/themes/PandoraBox/ajaxupload.php" method="post" enctype="multipart/form-data"&gt; &lt;input id="uploadImage" type="file" accept="image/*" name="image" /&gt; &lt;input id="button" class="image-upload" type="submit" value="Upload"&gt; &lt;/form&gt; &lt;div id="preview" style="display:none"&gt;&lt;/div&gt; &lt;input id="submitform" type="button" value="Verzend"&gt; </code></pre> <p>My javascript/jquery:</p> <pre><code>&lt;script type="text/javascript"&gt; $("#submitform").click(function(){ $('.inputform .submit').click(); return false; }); $(".inputform").submit(function( event ){ event.preventDefault(); post_data = { 'titel' : $("#Location_title").val(), 'hoofdcategorie' : $("#Location_hoofd1").val(), //more fields }; $.ajax({ type: "POST", url: "&lt;?php echo get_home_url(); ?&gt;/wp-content/themes/PandoraBox/verzend-inzending.php", data: post_data, success: function(){ alert('top!'); } }); }); &lt;/script&gt; </code></pre> <p>First the user fills in the fields, after that he can upload an image and preview it. When you click submit on the image upload form it clears all the values of the first form.</p> </div>

input标签的value属性的问题

看得燕青的springmvc视频中,他的input标签是这样写的, ``` <input type="text" name="name" value="${items.name}" > ``` 备注:有个PO叫items,items中有个字段叫name。 我想问,他的value写成这样是什么意思?

点击按钮表单中button的onclick事件为啥不起作用?

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>邮箱信息</title> <script type="text/javascript"> function checkform(){ alert("11"); } </script> </head> <body> <form action="" enctype="multipart/form-data" method="post" name="form1"> <center> <table width="60%" border="1" cellpadding="0" cellspacing="1"> <tr bgcolor="#CAE4FF"> <td> <input type="text" name="name" id="name"> </td> </tr> <tr> <td></td> <td><input type="button" name="but1" value="完成" onclick="checkform()"> <input type="reset" name="res" value="重写"></td> </tr> </table> </center> </form> </body> </html>

这样的input如何回车提交

DIV,非FORM,通过URL参数,这是第一页,所以city和pageid有默认值 [code="java"]<div> <input id="city" type="hidden" value="zhengzhou"/> <input id="pageid" type="hidden" value="1"/> <input id="key" type="text" onkeypress="isearch()"/> <input type="button" id="btn" title="搜索" onclick="isearch()"/> </div>[/code] [code="java"]function isearch() { var s="/search/"; var key=encodeURI(encodeURI($("#key").val())); var city=$("#city").val(); var page=$("#pageid").val(); //alert(s+"s?k="+key+"&city="+city+"&page="+page); top.location.href=s+"s?k="+key+"&city="+city+"&page="+page; //执行到这,地址栏中不是上面的正确的URL,不转向 }[/code]回车可以弹出正确的网址:/search/s?k=keyword&city=bj&page=1 但是地址栏中不是上面的正确的URL,还是当前页的URL 如果点击button按钮,一切正常

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

远程工具,免费

远程工具,免费

java jdk 8 帮助文档 中文 文档 chm 谷歌翻译

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

csma/ca和csma/cd的matlab仿真源代码带有详细的注释

csma/ca和csma/cd的matlab仿真源代码带有详细的注释,载波侦听,随意设置节点数,带有炫酷的图形展示效果。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

pokemmo的资源

pokemmo必须的4个rom 分别为绿宝石 火红 心金 黑白 还有汉化补丁 资源不错哦 记得下载

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

无线通信中的智能天线:IS-95和第3代CDMA应用_.pdf

无线通信中的智能天线:IS-95和第3代CDMA应用_.pdf

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

Java8零基础入门视频教程

这门课程基于主流的java8平台,由浅入深的详细讲解了java SE的开发技术,可以使java方向的入门学员,快速扎实的掌握java开发技术!

玩转Linux:常用命令实例指南

人工智能、物联网、大数据时代,Linux正有着一统天下的趋势,几乎每个程序员岗位,都要求掌握Linux。本课程零基础也能轻松入门。 本课程以简洁易懂的语言手把手教你系统掌握日常所需的Linux知识,每个知识点都会配合案例实战让你融汇贯通。课程通俗易懂,简洁流畅,适合0基础以及对Linux掌握不熟练的人学习; 【限时福利】 1)购课后按提示添加小助手,进答疑群,还可获得价值300元的编程大礼包! 2)本月购买此套餐加入老师答疑交流群,可参加老师的免费分享活动,学习最新技术项目经验。 --------------------------------------------------------------- 29元=掌握Linux必修知识+社群答疑+讲师社群分享会+700元编程礼包。 &nbsp;

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

想学好JAVA必须要报两万的培训班吗? Java大神勿入 如果你: 零基础想学JAVA却不知道从何入手 看了一堆书和视频却还是连JAVA的环境都搭建不起来 囊中羞涩面对两万起的JAVA培训班不忍直视 在职没有每天大块的时间专门学习JAVA 那么恭喜你找到组织了,在这里有: 1. 一群志同道合立志学好JAVA的同学一起学习讨论JAVA 2. 灵活机动的学习时间完成特定学习任务+每日编程实战练习 3. 热心助人的助教和讲师及时帮你解决问题,不按时完成作业小心助教老师的家访哦 上一张图看看前辈的感悟: &nbsp; &nbsp; 大家一定迫不及待想知道什么是极简JAVA学习营了吧,下面就来给大家说道说道: 什么是极简JAVA学习营? 1. 针对Java小白或者初级Java学习者; 2. 利用9天时间,每天1个小时时间; 3.通过 每日作业 / 组队PK / 助教答疑 / 实战编程 / 项目答辩 / 社群讨论 / 趣味知识抢答等方式让学员爱上学习编程 , 最终实现能独立开发一个基于控制台的‘库存管理系统’ 的学习模式 极简JAVA学习营是怎么学习的? &nbsp; 如何报名? 只要购买了极简JAVA一:JAVA入门就算报名成功! &nbsp;本期为第四期极简JAVA学习营,我们来看看往期学员的学习状态: 作业看这里~ &nbsp; 助教的作业报告是不是很专业 不交作业打屁屁 助教答疑是不是很用心 &nbsp; 有奖抢答大家玩的很嗨啊 &nbsp; &nbsp; 项目答辩终于开始啦 &nbsp; 优秀者的获奖感言 &nbsp; 这是答辩项目的效果 &nbsp; &nbsp; 这么细致的服务,这么好的氛围,这样的学习效果,需要多少钱呢? 不要1999,不要199,不要99,只要9.9 是的你没听错,只要9.9以上所有就都属于你了 如果你: 1、&nbsp;想学JAVA没有基础 2、&nbsp;想学JAVA没有整块的时间 3、&nbsp;想学JAVA没有足够的预算 还等什么?赶紧报名吧,抓紧抢位,本期只招300人,错过只有等时间待定的下一期了 &nbsp; 报名请加小助手微信:eduxy-1 &nbsp; &nbsp;

Python数据清洗实战入门

本次课程主要以真实的电商数据为基础,通过Python详细的介绍了数据分析中的数据清洗阶段各种技巧和方法。

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

linux下利用/proc进行进程树的打印

在linux下利用c语言实现的进程树的打印,主要通过/proc下的目录中的进程文件,获取status中的进程信息内容,然后利用递归实现进程树的打印

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

MySQL 8.0.19安装教程(windows 64位)

话不多说直接开干 目录 1-先去官网下载点击的MySQL的下载​ 2-配置初始化的my.ini文件的文件 3-初始化MySQL 4-安装MySQL服务 + 启动MySQL 服务 5-连接MySQL + 修改密码 先去官网下载点击的MySQL的下载 下载完成后解压 解压完是这个样子 配置初始化的my.ini文件的文件 ...

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

Ubuntu18.04安装教程

Ubuntu18.04.1安装一、准备工作1.下载Ubuntu18.04.1 LTS2.制作U盘启动盘3.准备 Ubuntu18.04.1 的硬盘空间二、安装Ubuntu18.04.1三、安装后的一些工作1.安装输入法2.更换软件源四、双系统如何卸载Ubuntu18.04.1新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

西南交通大学新秀杯数学建模试题

题目比较难,如果符合大家的口味欢迎大家下载哈,提高你的思维想象能力

Windows版YOLOv4目标检测实战:训练自己的数据集

课程演示环境:Windows10; cuda 10.2; cudnn7.6.5; Python3.7; VisualStudio2019; OpenCV3.4 需要学习ubuntu系统上YOLOv4的同学请前往:《YOLOv4目标检测实战:训练自己的数据集》 课程链接:https://edu.csdn.net/course/detail/28745 YOLOv4来了!速度和精度双提升! 与 YOLOv3 相比,新版本的 AP (精度)和 FPS (每秒帧率)分别提高了 10% 和 12%。 YOLO系列是基于深度学习的端到端实时目标检测方法。本课程将手把手地教大家使用labelImg标注和使用YOLOv4训练自己的数据集。课程实战分为两个项目:单目标检测(足球目标检测)和多目标检测(足球和梅西同时检测)。 本课程的YOLOv4使用AlexyAB/darknet,在Windows系统上做项目演示。包括:安装软件环境、安装YOLOv4、标注自己的数据集、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算)和先验框聚类分析。还将介绍改善YOLOv4目标检测性能的技巧。 除本课程《Windows版YOLOv4目标检测实战:训练自己的数据集》外,本人将推出有关YOLOv4目标检测的系列课程。请持续关注该系列的其它视频课程,包括: 《Windows版YOLOv4目标检测实战:人脸口罩佩戴检测》 《Windows版YOLOv4目标检测实战:中国交通标志识别》 《Windows版YOLOv4目标检测:原理与源码解析》

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

相关热词 c#中如何设置提交按钮 c#帮助怎么用 c# 读取合并单元格的值 c#带阻程序 c# 替换span内容 c# rpc c#控制台点阵字输出 c#do while循环 c#调用dll多线程 c#找出两个集合不同的
立即提问