美文网首页
表单中的一些操作

表单中的一些操作

作者: 陌紫嫣 | 来源:发表于2018-06-08 22:40 被阅读0次

1.输入框禁用和只读的区别
两者都不能编辑,但只读鼠标可以看到

<input type="text" value="1331" name="disabled" disabled>//禁用
 <input type="text" value="1331" name="readonly" readonly="true">//只读

2.如果想把表单的值传给后台,但又不在页面显示
name是你要传给后台的属性名,value是属性值,动态的时候可以用value="{{d.}}"来获得并传给后台

 <input type="hidden" name='city' value="杭州" id="place">

3.如果要动态的给表单加上disabled属性,它的属性值是布朗型,true/false

  $("#pay").change(function(){  
 if(){
           $('#payselect').attr('disabled',true);
         }else{
            $('#payselect').attr('disabled',false);   
    }
})

3.如何不通过表单里的按钮提交表单
第一种

<form action="index.php" method="POST" >
            <input type="text" value="1331" name="username">
           
           <select name="select" id="pay">
                <option value="">請選擇</option>
                <option value="1" class="pay_val">綫上</option>
                <option value="2" class="pay_val">現金</option>
            </select>
        <button type="submit" id="submit">提交</button>
   </form>
 <button id="show">确定</button>
$("#show").click(function(){
            $("#submit").trigger("click");
   })

第二种
这个方法有个限制,就是表单里面的提交不能用button

<form action="index.php" method="POST" >
            <input type="text" value="1331" name="username">
            <select name="select" id="pay">
                <option value="">請選擇</option>
                <option value="1" class="pay_val">綫上</option>
                <option value="2" class="pay_val">現金</option>
            </select>
        <input  type=“submit” value="提交">//这个地方注意,不能用button
    </form>
            <button id="show">确定</button>
         $("#show").click(function(){
           $("form").submit();
       })

相关文章

网友评论

      本文标题:表单中的一些操作

      本文链接:https://www.haomeiwen.com/subject/ipdzsftx.html