如何通過使用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值

回答

相關問題