ASP.NET WebForms中仅转换选中文本大小写的实现咨询

这个需求完全可以实现，但你原来的服务器端代码思路不对——text-transform: uppercase只是让整个文本显示为大写，既不会修改实际的文本值，也没法针对选中部分生效。要实现选中区域转大写，必须结合前端JavaScript来获取客户端的文本选中状态，具体方案如下：

步骤1：修改ASPX页面代码 #

替换原有的按钮事件绑定，添加客户端点击事件，并引入处理脚本：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="UpperCase" OnClientClick="transformSelectedToUpper(); return false;" />

<script type="text/javascript">
    function transformSelectedToUpper() {
        var textBox = document.getElementById('<%= TextBox1.ClientID %>');
        // 获取选中的起始和结束索引
        var startPos = textBox.selectionStart;
        var endPos = textBox.selectionEnd;
        var fullText = textBox.value;
        
        // 如果有选中内容
        if (startPos !== endPos) {
            // 提取选中文本并转大写
            var selectedText = fullText.substring(startPos, endPos);
            var upperText = selectedText.toUpperCase();
            // 替换原文本中的选中部分
            textBox.value = fullText.substring(0, startPos) + upperText + fullText.substring(endPos);
            
            // 保持选中状态（可选，处理后光标停在替换后的文本末尾）
            textBox.selectionStart = startPos;
            textBox.selectionEnd = startPos + upperText.length;
        }
    }
</script>

步骤2：清理后端代码 #

删掉Button1_Click方法里的样式设置，因为逻辑已由前端JS处理：

protected void Button1_Click(object sender, EventArgs e)
{
    // 无需添加代码，处理后的值会随表单提交到服务器，直接通过TextBox1.Value获取即可
}

说明 #

• 前端JS通过selectionStart和selectionEnd获取TextBox的选中区域，这是HTML输入控件的原生属性，兼容所有现代浏览器。
• 处理后直接修改TextBox的实际值，而非仅改变显示样式，提交表单时服务器能拿到正确的处理后文本。
• 如果需要支持多行TextBox，只需给TextBox添加TextMode="MultiLine"属性，上述代码依然生效。

内容的提问来源于stack exchange，提问作者Lindsay