接收用戶輸入文本字段的數據

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 avar 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。