當前位置:首頁 » 網頁前端 » 前端按鈕如何獲得表格數據
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端按鈕如何獲得表格數據

發布時間: 2022-10-03 21:08:47

Ⅰ 表單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輸入內容的值