修改用户在提交和选择的文本框中输入的内容

Modify what the user typed on a text box onsubmit and select?

本文关键字：输入 文本 修改 提交 选择 用户      更新时间：2023-09-26

我正在使用一个脚本来返回用户在没有www的输入框中输入的内容。

我希望修改在输入框本身中工作。这可能吗?

例如，用户输入:www.example.com，当他按GO时www。从他输入的内容中消失，然后文本被高亮显示(选中)。

<input type="text" id="url" />
<input type="button" id="submit" value="Go!" />
<div id="output"></div>
<script>
$("#submit").click(
    function() {
        var url = $("#url").val();
        if(url.match(/^www'./))
        {
            url = url.substring(4);
        }
        $("#output").html(url);
    }
);
</script>

是，$("#url").val(url);

http://jsfiddle.net/hk5zx/

更新:他希望文本也被选中!

$("#url").val(url).focus().select();
http://jsfiddle.net/hk5zx/1/

$("#submit").click(
    function() {
        var url = $("#url"),
            val = url.val();
        if(val.match(/^www'./))
        {
            val = val.substring(4);
            url.val(val);
        }
        $("#output").html(val);
    }
);

是，使用$("#url").attr("value", url);通过jQuery设置。

相关文章：