按類別查找啟用的textarea的值

Question

我有兩個具有相同類和不同ID的textarea。 一次只啟用一個。 我需要使用ajax將啟用的textarea值保存到數據庫。 但是我不知道如何找到啟用的textarea的價值。

這是我的代碼：

  $('#messageTransactionalUnicode').attr('disabled', 'true'); $('#save-template-transactional').click(function() { $('#messageTransactionalError').text(''); if($('.messageTransactional').val() == ''){ $('#messageTransactionalError').text('required'); return false; } else { var templateText = $('.messageTransactional').val(); //alert(templateText); $.ajax({ url : base_url + 'SMS/SaveTemplate', type : 'POST', data : {templateText : templateText, type: 'transactional' }, success:function(data) { if(data == 1){ notification('Template submitted successfully', 'success'); } else{ notification('An error occured, please try again', 'failure'); } console.log(data); } }); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea class="messageTransactional" name="messageTransactional" id="messageTransactionalEnglish" placeholder="Enter your message here.." maxlength="160" ></textarea> <textarea class="messageTransactional" name="messageTransactional" id="messageTransactionalUnicode" placeholder="Enter your message here.." style="display: none;" maxlength="70" ></textarea> <button class="save-template" id="save-template-transactional" type="button">Save Template</button> 

我有一個下拉列表，在它的change事件中，可以像切換功能一樣禁用和啟用這兩個文本區域。 那部分工作正常，但是var templateText = $('.messageTransactional').val(); 將始終顯示第一個textarea值。

Answer 1

您可以使用組合選擇器:not()和:disabled ：

var templateText = $('.messageTransactional:not(:disabled)').val();
                                             ^     ^
                                        Grab |the disabled textarea
                                             |
                                      Grab the opposite

Answer 2

在您的情況下，使用以下內容通過:enabled選擇器獲取enabled元素的值：

var templateText = $('.messageTransactional:enabled').val();