表单

/ 前端 / Web / 表单

.$().change();  会触发onChange事件

$().submit() 会触发提交，只不过是同步的。

from表单 disable 之后不会向后台传值, readonly 可以传值.

下载文件

<a class="export-excel btn btn-default" data-table="#countTable"
				 onclick='var a = document.createElement("a");
                  // a.download = name + ".xls";
                  a.href = "/excelDrug";
                  $("body").append(a); // 修复firefox中无法触发click
                  a.click();
                  $(a).remove();' >导出</a>

select

Js操作Select大全(取值、设置选中等等)

jquery操作select(取值，设置选中）每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。比如 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(".selector").val(); 4、获取当前选中项的text $(".selector").find("option:selected").text(); 这里用到了冒号，掌握它的用法并举一反三也会让代码变得简洁。很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。如： Js操作Select大全判断select选项中是否存在Value="paraValue"的Item 向select选项中加入一个Item 从select选项中删除一个Item 删除select中选中的项修改select选项中 value="paraValue"的text为"paraText" 设置select中text="paraText"的第一个Item为选中设置select中value="paraValue"的Item为选中得到select的当前选中项的value 得到select的当前选中项的text 得到select的当前选中项的Index 清空select的项 js 代码 // 1.判断select选项中是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false ; for (var i = 0;

https://www.cnblogs.com/chbyl/p/7160321.html

$("#startcityname").find("option:selected").text()

select 标签不能通过value来设置选中,通过给选项加selected解决<%if (myClass.equals("一年级")) out.print("selected");%>


1、设置value为pxx的项选中 
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").prop("selected",true);
这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
$(".selector").find("option:selected").text();

radioGroup

<label> <input name="free" value="0" type="radio" onchange="freeChange()"> 全部 </label>
<label> <input name="free" value="1" type="radio" onchange="freeChange()"> 全不</label>
<label> <input name="free" value="2" type="radio" onchange="freeChange()"> 自定义</label>

1. 获取radio选中的value.

$('input:radio[name=sex]:checked').val();

2. 选择 radio 按钮 (Male).

$('input:radio[name=sex]:nth(0)').prop('checked',true);

$('input:radio[name=sex]')[0].checked = true;

$('input:radio[name=sex][value=male]')[0].checked = true;

5. 重置 radio 按钮.

$('input:radio[name=sex]').prop('checked',false);

disable input

$(":input[name=freeEposide]").prop("disabled",false)

$(":input[name=freeEposide]").removeAttr("disabled")

checkbox

原生 : 选中了才提交字段,不选中不提交

<label > <input type="checkbox" name="free" value="0" onclick="this.value=(this.value==0)?1:0"> 免费 </label>

<label> <input type="checkbox" name="tryAndSee" value="1"> 试看 </label>
//根据值设置选中,这里后台存的是 布尔

$(":input[name=free]").prop("checked",$);
//提交之前把选中都设置成true来让所有值都提交

let free = $(":input[name=free]");

if (free.prop("checked") === false) {

free.val(0);

free.prop("checked", true);

}

//验证表单正确性
function checkForm()
{
       var t1 = document.getElementById("enterPenal").getElementsByTagName("input");
       for(i=0;i<t1.length;i++)
       {
           if(t1[i].type == "checkbox")
           {
               if(!(t1[i].checked))
               {
                   t1[i].checked = true;
                   t1[i].value = "0";
               }
           }
       }
       return true;
}

            <div style="color: inherit; fill: inherit;">
                <div style="display: flex;">

表单

评论区