Получить следующий ряд в таблице, но не могу в Dreamweaver

0

У меня есть следующий код для добавления новых строк в таблицу с помощью JQuery. Я могу получить результат при попытке скрипта, но я не могу получить результат при использовании Dreamweaver.

может кто-нибудь просветить меня, где меня ударили? Jquery:

var $ = jQuery.noConflict();
$("#addrows").click(function () {
var newImageDiv = $(document.createElement('div'))
         .attr("id", 'add_div' + imagecounter);


newImageDiv.after().html('<table width="50%" cellpadding="0" cellspacing="0" class="pdzn_tbl1" border="#729111 1px solid">'+
                        '<tr>'+
                        '<td style="padding:5px;" >'+'<input type="text" name="rollno<? $i ?>"  />' + '</td>' + '<td style="padding:5px;">'+ '<input type="text" name="firstname<? $i ?>" />'+'</td>'+'<td style="padding:5px;">'+'<input type="text" name="lastname<? $i ?>" />'+'</td>'+'</tr>'+'</table>');

                        newImageDiv.appendTo("#addgroup");


});

HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<h3> Adding Next Rows </h3>
<div class="common" style="width:1040px; -overflow-x:scroll; padding: 5px 5px 0 5px;" >
<table id="maintable" width="50%" cellpadding="0" cellspacing="0" class="pdzn_tbl1" border="#729111 1px solid"  >
<tr>    <th align="center"> Roll No </th>
        <th align="center"> First Name </th>
        <th align="center"> Last Name </th>
</tr>
<?php
$t_row=3;
for($i=1;$i<=$t_row;$i++) 
        {
        ?>
<tr id="rows">

<div style="padding-left: 5px"> 

<td style="padding:5px;" > <input type="text" name="rollno<? $i ?>"  /> </td>
<td style="padding:5px;"> <input type="text" name="firstname<? $i ?>" /> </td>
<td style="padding:5px;"> <input type="text" name="lastname<? $i ?>" /> </td>
</div>
</tr>

<? } ?>

<div id="add_div1"> </div>
 <table>
<div id="addgroup"> 
</div>
&nbsp; 
<br />
<input type="button" name="add" value="+Add" id="addrows" style="color:#3300FF; font-size:16px; " />
                <input type="hidden" id="hiddenprice" name="hiddenprice" value="3"/> </table>
</div>
</div>

мой jsfiddle: http://jsfiddle.net/4KrwY/49/

  • 0
    какую ошибку вы получаете ?? проверить консоль браузера? Может быть, в Jquery lib не загружена ваша страница?
Теги:

1 ответ

0
Лучший ответ

Импортируйте Jquery lib, как это, а также вам не хватает тега тега скрипта

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>

Поскольку он работает в jsfiddle, и если вы копируете паттерн, он должен работать или может быть Jquery lib не получать нагрузку,

Простой тест попробуйте под кодом и посмотрите, получаете ли вы это предупреждение?

<script type="text/javascript" >
  $(document).ready(function(){
           alert("testing"); 
           // your awesome code here 
           // put your  here insdie document ready
         var $ = jQuery.noConflict();
        $("#addrows").click(function () {
          if (document.getElementById("hiddenprice").value == "") {
            imagecounter = 4;
         } else {
           imagecounter = parseFloat(document.getElementById("hiddenprice").value) + 1;
         }

        var newImageDiv = $(document.createElement('div'))
        .attr("id", 'add_div' + imagecounter);
        newImageDiv.after().html('<table width="50%" cellpadding="0" cellspacing="0" class="pdzn_tbl1" border="#729111 1px solid">' +
        '<tr>' +
        '<td style="padding:5px;" >' + '<input type="text" name="rollno<? $i ?>"  />' + '</td>' + '<td style="padding:5px;">' + '<input type="text" name="firstname<? $i ?>" />' + '</td>' + '<td style="padding:5px;">' + '<input type="text" name="lastname<? $i ?>" />' + '</td>' + '</tr>' + '</table>');
       newImageDiv.appendTo("#addgroup");
       document.getElementById("hiddenprice").value = imagecounter;
       imagecounter++;
    });
});
</script>
Поделиться
  • 0
    Я бы попробовал это уже, но безрезультатно., при нажатии кнопки добавления новые строки не добавляются в мою таблицу. что-нибудь еще?
  • 0
    какую ошибку вы получаете в консоли браузера? вставь сюда
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню