Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.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 显示文本框输入JQuery中的文本_Javascript_Jquery_Textbox - Fatal编程技术网

Javascript 显示文本框输入JQuery中的文本

Javascript 显示文本框输入JQuery中的文本,javascript,jquery,textbox,Javascript,Jquery,Textbox,我有一段javascript,它接受文本框中的文本,并在将其写入数据库后将其添加到前面的项目列表中 $(document).on('click', '.add_file_ins6a', function(){ var job_idx=gl_job_idx; var ins_content=$('.add_instructions4c').val(); var id=$('.useri').val(); if(ins_content!="") {

我有一段javascript,它接受文本框中的文本,并在将其写入数据库后将其添加到前面的项目列表中

$(document).on('click', '.add_file_ins6a', function(){

    var job_idx=gl_job_idx;
    var ins_content=$('.add_instructions4c').val();

    var id=$('.useri').val();
    if(ins_content!="")
    {
        //write new instructions to database
        var id=$('.useri').val();
        var data="job_id="+job_idx+"&ins="+ins_content+"&client_id="+id+"&key=2";
        //alert(data);

        $.ajax({
                type:"POST",
                url:"admin_includes/get_instructions.php",
            data:data,
            success:function(html2){
                $('.add_instructions4').val("");
                var split_return=html2.split("|");
                var apply="";
                apply+="<div class='ins_55'>";
                apply+="<p><strong>Date</strong>"+split_return[1]+"</p>";
                apply+="<p>"+split_return[0]+"</p>";
                apply+="</div>";
                $(apply).prependTo('.ins_holder');
            }
        });//end ajax

    }
    else
    {
        alert("FAILED");
    }
    return false;
});
$(文档)。在('单击','上。添加\u文件\u ins6a',函数(){
var job_idx=gl_job_idx;
var ins_content=$('.add_instructions4c').val();
var id=$('.useri').val();
如果(ins_内容!=“”)
{
//向数据库写入新指令
var id=$('.useri').val();
var data=“job_id=“+job_idx+”&ins=“+ins_content+”&client_id=“+id+”&key=2”;
//警报(数据);
$.ajax({
类型:“POST”,
url:“admin\u includes/get\u instructions.php”,
数据:数据,
成功:函数(html2){
$('.add_instructions4').val(“”);
var split_return=html2.split(“|”);
var apply=“”;
应用+=”;
应用+=“日期”“+split_返回[1]+”

”; 应用+=“”+split_返回[0]+“

”; 应用+=”; $(应用).prependTo('.ins_holder'); } });//结束ajax } 其他的 { 警报(“失败”); } 返回false; });
此操作正常,但如果用户在文本框中输入换行符,则在前置列表中显示“\n”。重新加载页面时,删除“\n”但不创建换行符-这可能与标记有关,或者我应该使用标记吗

目前,数据正在文本框中输入-发送到服务器-写入数据库,然后在添加前缀之前发送回页面。我应该在有“\n”的地方拆分文本数据并将结果添加到标记中吗


不确定这里的最佳实践是什么-很高兴有任何意见。

也可以用javascript完成,例如:

split_return[1].replace(/\n/g, '<br />')
split_返回[1]。替换(/\n/g,

当你说“文本框”时,我想你是在寻找一个文本区域还是一个文本输入?你能发布你用来写出文本区的代码吗。另外,当您从服务器获取值时,如果您将其输出到控制台,它是否仍然具有\n值?textarea-抱歉-早上太早:)-将尝试nl2br