怎样获取页面表格里数据的id,组成一个数组,传入js中

怎样获取页面表格里数据的id,组成一个数组,传入js中,第1张

<table id="tab">

<tr><td>id</td></tr>

<tr><td>1</td></tr>

<tr><td>2</td></tr>

<tr><td>3</td></tr>

<tr><td>4</td></tr>

<tr><td>5</td></tr>

<tr><td>6</td></tr>

<tr><td>7</td></tr>

<tr><td>8</td></tr>

<tr><td>9</td></tr>

<tr><td>10</td></tr>

</table>

<script language="javascript" type="text/javascript">

function getab() {

var ot = documentgetElementById("tab");

var a = new Array();

for (i = 0; i < tabrowslength-1; i++)

a[i] = tabrows[i+1]cells[0]innerHTML; //第一行是标题,不取值。

return a;

}

alert(getab());//测试

</script>

我汗,你的第一第二步骤只是产生一个table对象,还没有附加进HTML DOM,也就是document对象,所以你通过getElementById("mytable")那不到你的table对象。。。我汗,直接这样不就行了

var tr1 = tableinsertRow() ;3//获得table的对象,并插入一行

你好,这样写既可: 希望采纳!!!!

$(function(){

var title_text;

$('#this_post_tags a')each(function(){

 title_text= "更多与" + $(this)text() + "相关的内容";

  $(this)attr('title',title_text)

})

})

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

<script language="JavaScript">

{

documentwrite(documenttitle)

}

</script>

这个是用JS实现的调用当前页面title的 jquery同理。关于调用地址 你已经会了

以下是纯js+html实现的增删改 *** 作代码,你可以参考以下。当然也可以使用jquery之类的框架来实现,最终的原理都是一样的。

<html>

  <head>

    <title>增删改查</title>

    <style type="">

       tr{

         text-align:center;

       }

    </style>

   

    <script type="text/javascript">

       //通过新增按钮来控制表格的显示与隐藏

       var optionFlag = "save";

       var updateRowIndex = -1;

       var checkFlag=false;//默认为不显示

       function show() {

         optionFlag = "save";

         var f = documentgetElementById("did");//获得id为did的 div

           if(!checkFlag) {

              fstylevisibility="visible";

           }else{

              fstylevisibility="hidden";

           }

           checkFlag=!checkFlag;

       }

      

       //通过保存按钮将数据添加到表格中

       function insertRow_() {

         switch(optionFlag) {

            case "save" :

               insertRow_$save();

               break;

            case "update" :

               insertRow_$update();

               break;

            default :

               alert(" *** 作失败。。。"); 

         }

        

         function insertRow_$save() {

            //通过id获得要添加数据的表格

          var table = documentgetElementById("tableid");

         

          //将所输入的内容赋给定义的变量

          var titleName = documentgetElementById("title")value;

          var digestName = documentgetElementById("digest")value;

          var authorName = documentgetElementById("author")value;

          //获取下拉框内的内容

          var selectIndex_ = documentgetElementById("select");

          var option = selectIndex_options[selectIndex_selectedIndex];

          var selectName = optiontext;

         

          //获取编号的内容

          var numberid = tablerowslength;

         

          //在表尾添加一行数据

          var row_ = tableinsertRow(tablerowslength);

 

          row_insertCell(0)innerHTML = numberid;

          row_insertCell(1)innerHTML = titleName;

          row_insertCell(2)innerHTML = digestName;

          row_insertCell(3)innerHTML = authorName;

          row_insertCell(4)innerHTML = selectName;

          row_insertCell(5)innerHTML = '<input type="button" value="修改" onclick="update_(thisparentNodeparentNode)"></input>&nbsp;<input type="button" value="删除" onclick="delete_(thisparentNodeparentNode)></input>';

         

          documentgetElementById("title")value = "";

          documentgetElementById("digest")value = "";

          documentgetElementById("author")value = "";

          documentgetElementById("select")options[0]selected="true";

         

          var f = documentgetElementById("did");

          fstylevisibility="hidden";

         

          alert("保存数据成功!!!");

         }

         //修改后的保存

         var tr;

         function insertRow_$update() {

             var table = documentgetElementById("tableid");

             tr = tablerows[updateRowIndex];

            

             var p = documentgetElementById("title");

             trcells[1]innerHTML = pvalue;

            

             p = documentgetElementById("digest");

             trcells[2]innerHTML = pvalue;

            

             p = documentgetElementById("author");

             trcells[3]innerHTML = pvalue;

            

             p = documentgetElementById("select");

             var Index_ = pselectedIndex;

             var option = poptions[Index_];

             var selectName = optiontext;

             trcells[4]innerHTML = selectName;

            

             documentgetElementById("title")value = "";

          documentgetElementById("digest")value = "";

          documentgetElementById("author")value = "";

          documentgetElementById("select")options[0]selected="true";

            

             var f = documentgetElementById("did");

             fstylevisibility="hidden";

            

             alert("修改数据成功。。。");

         }

       }

      

       //通过删除按钮  删除当前所在行

       function delete_(row_) {

         var table = documentgetElementById("tableid");

         tabledeleteRow(row_rowIndex);

        

         refurbish_();

         alert("删除数据成功!!!");

       }

      

       //刷新

       function refurbish_() {

         var table = documentgetElementById("tableid");

         //获得table的行数

         var rows = tablerows;

         for(var i=1;i<rowslength;i++) {

           rows[i]cells[0]innerHTML = i;

         }

       }

      

       //通修改按钮对table里的数据进行修改

       function update_(row) {

         updateRowIndex = rowrowIndex;

         optionFlag = "update";

         //对table里的数据进行回显

         documentgetElementById("title")value = rowcells[1]innerHTML;

         documentgetElementById("digest")value = rowcells[2]innerHTML;

         documentgetElementById("author")value = rowcells[3]innerHTML;

         var selectText = rowcells[4]innerHTML;

         var sel = documentgetElementById("select");

         var ops = seloptions;

         for(var i=0;i<opslength;i++) {

            if(selectText==ops[i]text) {

               seloptions[i]selected = "true"; 

            }

         }

         var f = documentgetElementById("did");

         fstylevisibility="visible";

       }

    </script>

  </head>

 

  <body>

    <input type="button" value="新增" onclick="show()"></input>

    <div>

      <table border = "1" cellspacing = "0" id="tableid"  width=100%>

         <tr bgcolor="yellow">

            <th>编号</th>

            <th>标题</th>

            <th>摘要</th>

            <th>作者</th>

            <th>类别</th>

            <th> *** 作</th>

         </tr>

         <tr>

            <td>1</td>

            <td>dgsdg</td>

            <td>sdgfd</td>

            <td>ghfhh</td>

            <td>基金</td>

            <td>

               <input type="button" value="修改" onclick="update_(thisparentNodeparentNode)"></input>

               <input type="button" value="删除" onclick="delete_(thisparentNodeparentNode)"></input>

            </td>

         </tr>

     </table>

    </div>

 <br>

    <div align="center" id="did" style="visibility:hidden">

       <form action="">

         <table>

          <tr>

      <td>标题:</td>

      <td><input type="text" id="title"></input></td>

      <td>摘要:</td>

      <td><input type="text" id="digest"></input></td>

    </tr>

  

    <tr>

      <td>作者:</td>

      <td><input type="text" id="author"></input></td>

      <td>类别:</td>

      <td align="left">

       <select id="select">

          <option>证劵</option>

          <option>基金</option>

          <option>股票</option>

       </select>

      </td>

    </tr>

   </table>

   <br>  

      <center>

         <input type="button" value="保存" onclick="insertRow_()"></input>

         <input type="reset" value="重置"></input>

      </center>

      </form>

   </div>

 </body>

</html>

以上就是关于怎样获取页面表格里数据的id,组成一个数组,传入js中全部的内容,包括:怎样获取页面表格里数据的id,组成一个数组,传入js中、js高手求助!在div动态生成table(div和table都是js创建的)、wordpress的栏目列表页当中的Tags标签如何通过JS添加title属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9719550.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存