javascript - 按类查找启用的文本区域的值

Question

我有两个具有相同类和不同 id 的文本区域。一次只有一个被启用。我需要使用 ajax 将启用的 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>

我有一个下拉菜单，在它的更改事件中我可以像切换功能一样禁用和启用这两个文本区域。该部分正在工作，但是 var templateText = $('.messageTransactional').val();将始终显示第一个文本区域值。

Answer 1

您可以使用组合选择器 :not()和 :disabled为此:

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