javascript - 在 blur() 事件中获取每个值

Question

我有一个页面，其中包含由 PHP 脚本生成的一堆文本区域。有一个隐藏的输入类型，其中包含一个变量的 id。基本上我想做的是在任何文本区域的 .blur() 上调用 .ajax() JQuery 方法，并从隐藏输入中传递 textarea 的值 + id。我所有的文本区域都是这样命名的：tr1、tr2、tr3 等。以及隐藏字段：tr_id1、tr_id2 等

那么如何从这两个元素中获取值，以便可以在其他地方使用它们呢？

Answer 1

这可能会给你一个想法

HTML

<textarea name="tr1"></textarea>
<input type="hidden" name="tr_id1" value="1" />
<br />
<textarea name="tr2"></textarea>
<input type="hidden" name="tr_id2" value="2"/>

​JS

​$(function(){
    $('textarea').on('blur', function(e){
        var txtAval=$(this).val();
        var txtId=$(this).prop('name').replace('tr','');
        var txtHval=$('input:hidden[name="tr_id'+txtId+'"]').val();

        // txtAval contains textarea's value and txtHval contains text input's value

       $.ajax({
           type: "POST",
           url: "some_url",
           data: {txtarea:txtAval, txthidden:txtId}
          //or
          //data: "txtarea="+txtAval+"&txthidden="+txtId
        }).done(function(msg) {
            // ...
        });
    });
});​

jQuery ajax 参考： 这里。

在此处查看控制台上的值。