通过javascript将文本添加到文本框中

时间:2013-03-04 09:27:55

标签: c# javascript asp.net webforms

我正在我的论坛上制作报价功能 当用户点击Quote链接时,我想将此帖子中的内容添加到文本框(txtPost)中 - 内容不是问题(我尝试了alert(content),并且它有效)。
但是文本框中的文字没有刷新 - alert(txtPost.value)显示一些添加的内容等,但文本框仍然是空的。为什么?怎么解决?

发表:

<asp:HyperLink ID="quotebutton" CssClass="quotebutton" OnClick="javascript:addQuote('somecontent');" runat="server">Quote</asp:HyperLink>

文本框代码:

     <nforum:Emoticons ID="emoticonInclude" runat="server" />
        <div style="width: 604px; margin-left: 198px;">
            <asp:TextBox ID="txtPost" runat="server" TextMode="MultiLine" Rows="14" Width="600"
                ClientIDMode="Static"></asp:TextBox>
        </div>

Javascript功能:

function addQuote(content) {
    var txtPost = document.getElementById("txtPost");
    alert(content);
    txtPost.value = txtPost.value + content;
    alert(txtPost.value);
}

INFO !!修改

我正在使用tinyMCE编辑器。仍然没有刷新内容,而tinyMCE连接到此文本框。怎么做?

<script type="text/javascript">
    tinyMCE.init({
        // General options
        mode: "exact",
        elements: "txtPost",
        theme: "advanced",
        plugins: "insertcode",
        // Theme options
        theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,formatselect,|,bullist,numlist,|,link,unlink,insertcode",
        theme_advanced_buttons2 : "",
        theme_advanced_buttons3 : "",
        theme_advanced_toolbar_location: "top",
        theme_advanced_toolbar_align: "center",
        theme_advanced_resizing: true,
        remove_linebreaks: false,
        relative_urls: false,
        content_css: "/css/nforumeditor.css"
    });

</script>

问题已解决

对于tinyMCE -

function addQuote(content) {
    tinyMCE.execCommand('mceInsertContent', false, content); 
    return false;
}

3 个答案:

答案 0 :(得分:1)

要在javascript中使用服务器控件,您必须调用/获取服务器控件的ClientID

HTML

<asp:HyperLink ID="quotebutton" CssClass="quotebutton" OnClick="javascript:return addQuote('somecontent');" runat="server">Quote</asp:HyperLink>

的javascript

function addQuote(content) {
var txtPost = document.getElementById("<%= txtPost.ClientID %>");
txtPost.value = txtPost.value + content;
return false;
}

答案 1 :(得分:0)

在你的函数中应该return false;并阻止回发。

答案 2 :(得分:0)

<asp:TextBox ID="txtPost" runat="server"></asp:TextBox>
<asp:HyperLink ID="quotebutton" runat="server" onclick="javascript:addQuote('some content');">Quote</asp:HyperLink>

function addQuote(content) {
        var txtPost = document.getElementById('<%= txtPost.ClientID %>');
        txtPost.value = txtPost.value + content;
    }