Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取要在模式窗口中使用的td的名称_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何获取要在模式窗口中使用的td的名称

Javascript 如何获取要在模式窗口中使用的td的名称,javascript,jquery,html,Javascript,Jquery,Html,我做了一个表格,每一行都有一个按钮,当我点击它时,它会显示一个模态窗口,其思想是在模态窗口中显示该行的值 目前: 获取表格的一行(tr),这是可以的 获取单元格(td)的值,这是确定的 获取单元格的属性名称(td);) 你能帮我查一下牢房的名字吗 代码: $('edit').on('show.bs.modal',函数(事件){ var$button=$(event.relatedTarget)//触发模式的按钮 var row=$button.closest(“tr”),//编辑按钮与要更改

我做了一个表格,每一行都有一个按钮,当我点击它时,它会显示一个模态窗口,其思想是在模态窗口中显示该行的值

目前:

  • 获取表格的一行(tr),这是可以的
  • 获取单元格(td)的值,这是确定的
  • 获取单元格的属性名称(td);)
你能帮我查一下牢房的名字吗

代码:

$('edit').on('show.bs.modal',函数(事件){
var$button=$(event.relatedTarget)//触发模式的按钮
var row=$button.closest(“tr”),//编辑按钮与要更改的数据位于同一行中
$tds=row.find(“td”);//获取该行中的所有表格单元格
$。每个($tds,函数(索引,值){
var input_name=$(this).attr(“name”);//获取我们正在评估的单元格的名称(pagina、codigo、Description等)
警报(输入_名称);
$([name='“'+input_name+'”).val($(this.text());//在模式窗口中输入名称
});
});
埃迪奇Ó
帕吉纳
科迪
IMATGE
描述猫
形容词
马卡
格拉马杰
德斯塔卡特
PVP-CAT
PVP-LEV
PVP-AND
PVP-CEN
PVP-NOR
PVP-VAS
PVP-SPAR
使用者
FECHA-MOD
编辑
编辑
科迪
埃迪奇Ó
帕吉纳
莫迪夫。
使用者
描述猫
描述,尤指
马卡
格拉马特奇
PVP-CAT
PVP-LEV
PVP-AND
$('#edit').on('show.bs.modal', function (event) {
          var $button = $(event.relatedTarget) // Button that triggered the modal
          var row = $button.closest("tr"), // edit button is in the same row as data you want to change
          $tds = row.find("td"); // get all table cells in that row

          $.each($tds, function(index,value) {

            var input_name = $(this).attr("name"); // get name of cell we are evaluating (pagina, codigo, descripcion etc)
            alert(input_name);
            $([name='"' + input_name + '"']).val($(this).text()); //input name in the modal window
          });
    });


<table class='table-bordered' id='tableprod'
                                   data-toggle='table'
                                   data-toolbar='#toolbar'
                                   data-show-refresh='true'
                                   data-show-toggle='true'
                                   data-sort-name='name'
                                   data-sort-order='desc'
                                   data-show-columns='true'
                                   data-pagination='true'
                                   data-search='true'>

                        <thead class='thead-inverse'>
                            <tr>  
                                <th data-field='seleccion' data-switchable='false' data-checkbox='true'></th>
                                <th data-field='estado' data-switchable='false'></th>
                                <th data-field='edicion' data-sortable='true' data-visible='false'>EDICIÓ</th>  
                                <th data-field='pagina' data-sortable='true'>PÀGINA</th>  
                                <th data-field='codigo' data-sortable='true' data-switchable='false'>CODI</th>  
                                <th data-field='image' data-switchable='false'>IMATGE</th>
                                <th data-field='descripcion-cat' data-sortable='true'>DESCRIPCIÓ CAT</th> 
                                <th data-field='descripcion-esp' data-sortable='true'>DESCRIPCIÓ ESP</th> 
                                <th data-field='marca' data-sortable='true'>MARCA</th> 
                                <th data-field='gramaje' data-sortable='true'>GRAMATJE</th>
                                <th data-field='destacado' data-sortable='true' data-visible='false'>DESTACAT</th> 
                                <th data-field='pvp-cat' data-sortable='true'>PVP-CAT</th> 
                                <th data-field='pvp-lev' data-sortable='true'>PVP-LEV</th> 
                                <th data-field='pvp-and' data-sortable='true'>PVP-AND</th>
                                <th data-field='pvp-cen' data-sortable='true'>PVP-CEN</th>
                                <th data-field='pvp-nor' data-sortable='true'>PVP-NOR</th>
                                <th data-field='pvp-vas' data-sortable='true'>PVP-VAS</th>
                                <th data-field='pvp-spar' data-sortable='true'>PVP-SPAR</th>
                                <th data-field='user' data-sortable='true' data-visible='false'>USER</th>
                                <th data-field='fecha-mod' data-sortable='true' data-visible='false'>FECHA-MOD</th>
                                <th data-field='edit' data-sortable='false' data-switchable='false'>EDIT</th>
                            </tr>
                        </thead>
                        <tbody>
                    <?php while ($row = pg_fetch_row($result)){ ?>  
                            <tr id='<?php echo $row[0]; ?>'>
                                <td></td>
                                <?php echo $estado = EstadoIcon($row[2]); ?>
                                <td name='edicion'><?php echo $row[1] ?></td>
                                <td data-pagina='pagina' name='pagina'><?php echo $row[3] ?></td> 
                                <td name='codigo'><?php echo $row[0] ?></td>  
                                <?php echo $imatge = AddImage($row[9]); ?> 
                                <td name='descripcion-cat'><?php echo $row[5] ?></td>
                                <td name='descripcion-esp'><?php echo $row[4] ?></td>
                                <td name='marca'><?php echo $row[6] ?></td> 
                                <td name='gramaje'><?php echo $row[7] ?></td>
                                <td name='destacado'><?php echo $row[8] ?></td> 
                                <td name='pvp-cat'><?php echo $row[10] ?></td>
                                <td name='pvp-lev'><?php echo $row[11] ?></td>  
                                <td name='pvp-and'><?php echo $row[12] ?></td>  
                                <td name='pvp-cen'><?php echo $row[13] ?></td> 
                                <td name='pvp-nor'><?php echo $row[14] ?></td>  
                                <td name='pvp-vas'><?php echo $row[15] ?></td> 
                                <td name='pvp-spar'><?php echo $row[16] ?></td>
                                <td name='user'><?php echo $row[17] ?></td>
                                <td name='fecha-mod'><?php echo $row[18] ?></td>
                                <td><button class='btn btn-xs edit btn-edit' data-toggle='modal' data-target='#edit'><i class="material-icons" style="font-size: 20px">edit</i> </button></td>
                            </tr>  
                    <?php }  ?>
                        </tbody>
                    </table> 

<div class="modal-body" id="editDetails">
                    <div class="container-fluid">
                        <input type="hidden" name="id" type="text"> <!-- hidden input for id -->

                        <div class="row">
                            <div class="col-md-2 descFields">
                                CODI
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="codigo" type="text" placeholder="CODI">
                            </div>
                            <div class="col-md-6">
                                <input class="form-control" name="imagen" type="text" placeholder="IMATGE"> 
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                EDICIÓ
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="edicion" type="text" placeholder="EDICION">
                            </div>

                            <div class="col-md-6">

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                PÀGINA
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="pagina" type="text" placeholder="EDICION">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                MODIF.
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="fecha-mod" type="text" placeholder="FECHA MODIFICACIÓ">
                            </div>
                            <div class="col-md-6">

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                USER
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="user" type="text" placeholder="USER">
                            </div>
                            <div class="col-md-6">

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                DESC. CAT
                            </div>
                            <div class="col-md-10">
                                <input class="form-control" name="descripcion-cat" type="text" placeholder="DESCRIPCIÓ CAT">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                DESC. ESP
                            </div>
                            <div class="col-md-10">
                                <input class="form-control" name="descripcion-esp" type="text" placeholder="DESCRIPCIÓ ESP">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                MARCA
                            </div>
                            <div class="col-md-10">
                                <input class="form-control" name="marca" type="text" placeholder="MARCA">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                GRAMATGE
                            </div>
                            <div class="col-md-10">
                                <input class="form-control" name="gramaje" type="text" placeholder="GRAMATGE">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                PVP-CAT
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="pvp-cat" type="text" placeholder="PVP-CAT">
                            </div>

                            <div class="col-md-2 descFields">
                                PVP-LEV
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="pvp-lev" type="text" placeholder="PVP-LEV">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2 descFields">
                                PVP-AND
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="pvp-and" type="text" placeholder="PVP-AND">
                            </div>

                            <div class="col-md-2 descFields">
                                PVP-NOR
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="pvp-nor" type="text" placeholder="PVP-NOR">
                            </div>
                        </div>

                         <div class="row">
                            <div class="col-md-2 descFields">
                                PVP-SPAR
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="pvp-spar" type="text" placeholder="PVP-SPAR">
                            </div>

                            <div class="col-md-2 descFields">
                                DESTACAT
                            </div>
                            <div class="col-md-4">
                                <input class="form-control" name="destacat" type="text" placeholder="DESTACAT">
                            </div>

                        </div>
                    </div>
                </div>