如何通过使用jQuery获取和设置textarea值

我的窗体上有一个文本编辑器。当我点击在textarea列中弹出的textarea相同的值。如何通过使用jQuery获取和设置textarea值

这是我的textarea的，我必须设置结果：

<textarea name="content" class="text_editor" id="textarea" ></textarea>

查看页面，我一定要得到的结果：

<div class="form-group mod_mr20"> 
    <label class="col-md-3 control-label">Notice Description</label> 
    <div class="col-md-9 col-md-offset-1 hidden_color"> 
     <p></p>//display view here 
    </div> 
</div>

这是我的预览按钮：

<button class="btn btn-primary mr5" data-toggle="modal" type="button" name="submit" data-target="#pre_view" >PREVIEW</button>

在弹出用户的显示视图结果后，不允许编辑这些值

来源

2016-09-28 user3663

什么是你弹出的HTML代码？请解释清楚。此外，你已经标记jQuery，所以告诉我们你到目前为止尝试过的jQuery代码。 –

只需使用'$（'＃textarea'）。val（）'，[例如]（https://jsfiddle.net/m8fo9t3c/）。还要添加您在问题中尝试的内容，而不是评论。 –

只要您在textarea中输入内容，是否应该立即显示弹出窗口？虽然弹出代码的确切位置？ –

请试试这个，

我认为你试图让这个，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

<script> 
    $(document).ready(function(){ 
     $("#preview").on('click',function(){ 
      $('.col-md-9.col-md-offset-1.hidden_color > p').html($('#textarea').val()); 
     }); 
    }); 
</script> 

<textarea name="content" class="text_editor" id="textarea" ></textarea> 
<button type="button" class="btn btn-info btn-lg" id="preview" data-toggle="modal" data-target="#myModal">Preview</button> 
<!--Your Model--> 
<div class="form-group mod_mr20"> 
    <label class="col-md-3 control-label">Notice Description</label> 
    <div class="col-md-9 col-md-offset-1 hidden_color"> 
     <p></p>//display view here 
    </div> 
</div>

来源

2016-09-28 06:16:01

我已经弹出，当我点击预览按钮..我只是想显示数据，当用户输入文本框中的东西时，它显示相同的内容，当我点击预览按钮.. – user3663

在上面它显示相同的文本输入在Textarea当你点击预览 –

确定但在视图中，我们是否确定ID或不，我想要显示在

这些标签 – user3663

如果您使用的自举试试这个代码：

$(document).on('show.bs.modal','#Your-modal-popup-id', function() { 
    alert('hi'); 
    $(e.currentTarget).find('.hidden_color p').html($("#textarea").val()); 
})

来源

2016-09-28 07:06:18

如何通过使用jQuery获取和设置textarea值

回答

相关问题