Ⅰ 表單button提交表單 js 怎樣獲取表單數據
方法submit()這個是js中的函數很簡單
<javascript>
functionaddressadd()
{
document.formAddress.submit();//formAddress是上面表單的ID
}
</javascript>
formAddress是你的表單名或ID這樣就可以實現提交表單了
<script>
functionaddressadd()
{
document.formAddress.submit();//formAddress是上面表單的ID
}
</script>
<formname="formAddress"id="myform"method="get"action="b.php">
<inputtype="text"name="pwd"value=""/>
<inputtype="submit"name="sub"value="111"/>
<inputtype="button"name="btn"value="btn"onclick="test()"/>
</form>
如果想實現提交表單後打開新窗口可直接如下寫
<title>表單提交後按鈕變灰代碼</title>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
</head>
<body>
<scriptlanguage="javascript">
functionmy_submit(){
document.form1.submit();
document.form1.submit1.disabled=true;
}
</script>
<formaction="/"method="post"name="form1">
<inputtype="text"name="name">
<inputtype="button"name="submit1"value="提交"onClick="javascript:my_submit();">
</form>
Ⅱ js怎麼獲取表格中指定行某一列的值
jQuery 遍歷的 eq() 方法將匹配元素集縮減值指定 index 上的一個,index表示元素的位置(最小為 0)。所以獲取Table第 i 行第 j 列的內容可用如下代碼
$("table").find("tr").eq(i-1).find("td").eq(j-1).text(); // 注意-1是因為index從0開始計數
實例
創建Html元素
<div class="box">
<span>填寫行列數,點擊按鈕後獲取對應位置的數值:</span>
<div class="content">
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
</div>
第<input type="text" name="row">行,第<input type="text" name="col">列<input type="button" class="btn" value="確定">
</div>
添加css樣式
div.box{width:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:35px;height:30px;border:1px solid #99ccff;}
input[type='button']{width:100px;height:30px;margin:10px;border:2px solid #ebbcbe;}
.selected{background:#99ccff;}
table{border-collapse:collapse;}
td{padding:5px 10px;border:1px solid green;}
編寫jquery代碼
$(function(){
$("input:button").click(function() {
row = $("input[name='row']").val() - 1;
col = $("input[name='col']").val() - 1;
val = $("table").find("tr").eq(row).find("td").eq(col).text();
alert(val);
});
})
Ⅲ 在js中怎樣獲取當前頁面表格中的數據
1、JS獲取表格的簡便方法:獲取tbody:tBodies 獲取thead:tHead 獲取tfoot:tFoot 獲取行tr:rows 獲取列td:cells
使用實例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]
2、遍歷
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells組成的二維數組,用兩個for循環嵌套遍歷一下就可以了
Ⅳ js點擊查詢按鈕能顯示資料庫裡面的表的數據
推薦使用jquery ajax,那個按鈕ID為「changebtn」,默認為顯示「未撥打」,當點擊的時候將$("#changebtn").val("顯示全部"),然後再次點擊判斷val==「顯示全部」就又將value改為"未撥打"就可以了,然後在ajax處理頁面進行查詢就可以了,你不會說你不知道怎麼查詢吧.
Ⅳ web前端在按下提交按鈕後再不跳轉頁面的情況下輸出表格
採用Ajax非同步請求
Ⅵ 怎麼用JavaScript獲取table某行數據
表格的第一行為thead中的th
剩下的數據放到tbody中
最後那一行添加的放到tfoot中
對tbody下面的所有tr綁定一個點擊事件
事件中獲取這個tr下的所有td,就可以獲取這行的數據了
大概代碼如下:
var trs =document.getElementById("tbodyId").getElementsByTagName("tr");
for(int i=0;i<=trs.length;i++)
{
var tr = trs[i];
var tds=tr.getElementsByTagName("td");
//下面遍歷tds就可以去獲取數據了
//把數據放到下面的表單就好了
//然後提交數據,在服務端進行修改
}
Ⅶ 如何從JSP點擊一個按鈕,導出表格中的數據到EXCEL
javascript才能完成的東西,確實在IE瀏覽器的js調用的ActiveX形成的前端,數據導出到excel,但這種方法在其他瀏覽器中是不常見的。數據導出到Excel,最好的方法是,在服務端的Excel數據,然後發送到前端的負載。您可以使用腳本。 JAVA生成的一些開源組件,支持Excel。
Ⅷ js怎麼獲取整個表格的數據
1、JS獲取表格的簡便方法:獲取tbody:tBodies 獲取thead:tHead 獲取tfoot:tFoot 獲取行tr:rows 獲取列td:cells
使用實例: oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]
2、遍歷
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells組成的二維數組,用兩個for循環嵌套遍歷一下就可以了
Ⅸ html中如何獲取表單的數據
html中獲取表單數據的的方法一般有兩種,一個是使用form表單的action屬性將表單的數據提交給後台,另外一種就是使用JavaScript方法獲取表單的數據,然後通過ajax傳送給後台。
工具原料:編輯器、瀏覽器
一、使用表單的方法提交數據
1、利用form表單的action屬性來獲取表單的數據並提交,代碼如下:
<formaction="form_action.php"method="get">
<p>Firstname:<inputtype="text"name="fname"/></p>
<p>Lastname:<inputtype="text"name="lname"/></p>
<inputtype="submit"value="Submit"/>
</form>
2、以上代碼中method指定提交數據的方法為get,action的值是表單數據提交的地址。
二、使用JavaScript方法來獲取表單的數據的方法
1、可以使用JavaScript的選擇器選擇表單的元素並獲取其輸入的數據,代碼如下:
<formaction="form_action.php"method="get">
<p>Firstname:<inputid="bt1"type="text"name="fname"/></p>
<p>Lastname:<inputid="bt2"type="text"name="lname"/></p>
<inputtype="submit"value="Submit"/>
</form>
<script>
console.log($('#bt1').val())
console.log($('#bt2').val());
</script>
2、其中$('#bt1').val()就是獲取input輸入內容的值