如何從模態彈出框中的textarea獲取值？

這個http://jsfiddle.net/WV5e7/模式，我現在複製/粘貼和目前正在使用。如何從模態彈出框中的textarea獲取值？

這裏是代碼： JS

$('#myModal').on('shown.bs.modal', function() { 
    $('#textareaID').focus(); 
})

HTML：

<!-- Button trigger modal --> 
<button class="btn btn-primary btn-lg launch-modal" data-toggle="modal" data-target="#myModal"> 
    Launch modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <textarea id="textareaID" class="form-control"></textarea> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal -->

它的工作原理所看到的演示，但是，當有人點擊 '保存更改' 我似乎無法得到它內部的文本區域的值。

我做

$('#textareaID').val();

可是，可是沒有價值，因爲它試圖點擊保存更改按鈕之前得到的值。

所以，我目前不知道怎麼弄的文本值使用jQuery

來源

2017-04-07 user7342807

@Kinduser對不起，錯字 – user7342807

@ user7342807請用固定碼分享您的代碼，並重現了同樣的問題 – gurvinder372

@ gurvinder372其固定！我只需要獲得textarea的價值 – user7342807

更換

$('#textareaID').value();

與

$('#textareaID').val();

來源

2017-04-07 08:58:04 gurvinder372

這是一個錯字，我修正了它。 – user7342807

這裏是一個例子，如何取出submited價值。 https://jsfiddle.net/WV5e7/315/，看看是否適合你

$('#myModal').on('shown.bs.modal', function() { 
    $('#textareaID').focus(); 
    $('.btn.btn-primary').click(function() { 
    alert($('#textareaID').val()); 
    }); 
})

來源

2017-04-07 09:03:19 eavichay

這有幫助，但如果我將值賦值給變量而不是alert，那麼變量就會在jquery函數之外失去它 – user7342807

試試這個，

$("#myModal").find('#textareaID').val();

來源

2017-04-07 09:08:51

試試這個代碼

<button type="button" class="btn btn-primary save-data">Save changes</button> 

$('.save-data').on('click', function(){ 
    var getVal = $('#textareaID').val(); 
    if(getVal != '') { 
    alert(getVal); 
    $('#myModal').modal('hide'); 
    } else { 
    alert('textarea is required.'); 
    } 
})

來源

2017-04-07 09:15:16

首先，添加一個類「保存更改」按鈕。因爲你需要處理點擊事件。

，並使用此代碼：

<button type="button" class="btn btn-primary save">Save changes</button> 

$(".save").on("click", function() { 
    console.log($("#textareaID").val()) 
})

來源

2017-04-07 09:19:05 Ali

我發現了這個問題。看來無論變量是否保留我的textarea的值都不在$（'。'）。click（function（）{..here ..}）之外被檢測到。 – user7342807

如何從模態彈出框中的textarea獲取值？

回答

相關問題