如果通过单击输入保存文本,则将文本移动到下一行

时间:2016-09-24 13:19:20

标签: javascript jquery html mysql css

现在这就是我想要的,我有一个形式,其中有一个叫做叙述的字段。它是一个textarea字段。当我在里面写东西并点击输入时,它会转到字段本身的新行。现在我保存在数据库中,它保存原样。现在我正在尝试从表中的数据库中检索该数据。 所以我想要的是,如果检索到的数据保存为三行,那么这三行应显示在该列的三个表行中。 我想我可以用小提琴更好地解释。我想要的东西就像下面的小提琴一样.3行列细节中的数据来自数据库中单行的字段叙述。我知道很难解释什么我正在寻找,但我已尽力让你知道。如果你需要任何其他细节请告诉我。

这里是叙述文本区域 - 我想在新表格行中显示每一个新行,你可以在小提琴中看到。 enter image description here

应该看起来像这样 - https://jsfiddle.net/9bgkw472/1/

但它看起来像这样 but it is looking like this 提前谢谢。

这是表格代码,其中从数据库字段旁白中检索特定列值 -

 <table class="table table-striped">
      <thead>
        <tr>
          <th>
            Sr.no.
          </th>
            <th >
              Particulars
          </th>
            <th>
              Type
          </th>
          <th>
            Amount
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
        <td>1</td>
        <td id="particulars"><textarea  id="narpreview" name="narpreview"  autocomplete="off" readonly ></textarea></td>
        <td>Net Purchases</td>
        <td > <input id="netpreview" name="netpreview"  readonly /></td>
      </tr>

       <tr>
        <td>2</td>
        <td></td>
        <td>Vat</td>
        <td> <input id="vatpreview" name="vatpreview"  readonly /></td>
      </tr>

       <tr>
        <td>3</td>
        <td></td>
        <td>Cst</td>
        <td> <input id="cstpreview" name="cstpreview"  readonly /></td>
      </tr>

       <tr>
        <td>4</td>
        <td></td>
        <td>Service Tax</td>
        <td> <input id="serpreview" name="serpreview"  readonly /></td>
      </tr>

       <tr>
        <td>5</td>
        <td></td>
        <td>Other charges</td>
        <td> <input id="othpreview" name="othpreview"  readonly /></td>
      </tr>
      </tbody>
      <tfoot>
         <tr>
        <td colspan="3">Total amount</td>
        <td> <input id="totpreview" name="totpreview"  readonly /></td>
      </tr>
      </tfoot>
    </table>

这是从数据库中检索数据到表字段的方式 -

 $("#savep").click(function(e){
      e.preventDefault();

       formData = $('form.pform').serialize() + '&' 
        + encodeURI($(this).attr('name'))
        + '='
        + encodeURI($(this).attr('value'));

           $.ajax({
               type: "POST",
               url: "demopost.php",
               data: formData,
               success: function(response){
           $('#dp3,#nar').val('');

            if (response.success) 
               $('#narpreview').val(response.nar);
                           } else {
                alert("failure in");
            }
        },
               error: function(){
                alert("failure out");
               }
           });
     });

0 个答案:

没有答案