Javascript 使用jquery和autocomplete解析blur上的输入字段内容

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

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

我走了这么远，然后有点迷路了。（目前只是模糊警报）

$（函数（）{
$（“.pn自动完成”）.autocomplete({
来源：“pn json.php”，
最小长度：2，
}).blur（函数（）{
警报（$（this.val（））；
});
});

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

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

---

可以像这样将值更新为第一个单词

<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>

$（函数（）{
$（“.pn自动完成”）.autocomplete({
来源：“pn json.php”，
最小长度：2，
}).blur（函数（）{
var input_val=$（this）.val（），
第一个字=输入值替换（/（\w+）.*/，“$1”）；
$（this）.val（第一个单词）；
});
});

您希望如何处理该值？什么意思是移除所有东西？价值本身？比如：$（this.val（“”）；？选择“blah people foo bar”后，我只想在文本框中保留“blah”。如果有人能告诉我如何轻松地将两个变量传递给jQuery autocomplete（一个用于显示，另一个用于在选择后存储在输入字段中），我也会很高兴。请看这里：谢谢您的示例。它在演示中可以正常工作，但如果放在代码中，就不行了。我猜中间有东西在干扰。