Question

我正在使用脚本返回用户在没有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>

Answer 1

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

http://jsfiddle.net/hk5zx/

更新：他也希望选择文字！

$("#url").val(url).focus().select();

http://jsfiddle.net/hk5zx/1/

Answer 2

$("#submit").click(
    function() {
        var url = $("#url"),
            val = url.val();

        if(val.match(/^www\./))
        {
            val = val.substring(4);
            url.val(val);
        }

        $("#output").html(val);
    }
);

Answer 3

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

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

3 个答案: