Question

MarkUp

<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]');
  });
});

Demo

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

1 个答案: