Question

用户从自动填充列表中选择一个值（使用jQuery自动完成）后，我需要在第一个空格后从输入框中删除所有内容。

我得到了这个远，然后有点迷失了。（目前只是关于模糊的提醒）

<script>
    $(function() {
        $( ".pn-autocomplete" ).autocomplete({
            source: "pn-json.php",
            minLength: 2,
        }).blur(function () {
            alert($(this).val());
        });
    });
</script>

Answer 1

<强> Demo

检查此代码段 - 它将跳过第一个空格后的所有文本。

$(function () {
    $( ".pn-autocomplete" ).autocomplete({
        source: "pn-json.php",
        minLength: 2,
    }).blur(function () {
        $(this).val(function () {
            return this.value.split(' ')[0];
        });
    });
});

Answer 2

您可以将值更新为第一个单词，

<script>
    $(function() {
        $( ".pn-autocomplete" ).autocomplete({
            source: "pn-json.php",
            minLength: 2,
        }).blur(function () {
            var input_val = $(this).val(),
                first_word = input_val.replace(/(\w+).*/,"$1");
            $(this).val(first_word);
        });
    });
</script>

使用jquery和autocomplete解析模糊的输入字段内容

2 个答案: