jquery - 接收用户输入文本字段的数据

Question

标记

<div id="tool_wrapper">
Tip: <input class="input_mod" id="tip_tip" type="text"/>
Text: <input class="input_mod" id="text_tip" type="text" />
<input type="submit" class="modbutton" id="sub_tip" />
</div>

jQuery

$(function(){
  var a = $('#tip_tip').text();
  var b = $('#text_tip').val();
  var text = $('#text_editor_textarea');
$('#sub_tip').click(function(e){
   e.preventDefault();
     text.val(text.val()+'[mod=' + a + ']' + b + '[/mod]');
  });
});

好的，所以在 jQuery 上面var a var b一个是.text();，另一个是.val()我知道我想声明我已经尝试了这两个然后我也尝试了这个

$(function(){
  var a = $('#tip_tip').val(function(){
       $(this).text()
});
  var b = $('#text_tip').val(function(){
       $(this).text()
});
  var text = $('#text_editor_textarea');
$('#sub_tip').click(function(e){
   e.preventDefault();
     text.val(text.val()+'[mod=' + a + ']' + b + '[/mod]');
  });
});

尽管渲染的标记看起来像这样，但它让我比第一个 jQuery 走得更远

[mod=[object Object]][object Object][/mod]

这当然不是我想要的。有什么建议么？

Answer 1

你可以试试这个

$(function(){
var text = $('#text_editor_textarea');
$('#sub_tip').click(function(e){
    e.preventDefault();
    var a = $('#tip_tip').val();
    var b = $('#text_tip').val();
    text.val(text.val()+'[mod=' + a + ']' + b + '[/mod]');
  });
});

演示。