自动完成选择

时间:2018-06-14 20:52:39

标签: javascript yii2

在输入字段中键入内容,然后选择建议值后,js获取我输入的值,但我需要选择的值。

例如:我有一个带有汽车名称的数据库。我需要找一些“梅赛德斯”。我输入字母'M',它显示我'梅赛德斯,马自达等'。选择'Mercedes'之后,js会提醒我'M',而我需要一个完整的价值。

应该编辑什么?

查看

<?= $form->field($model, 'name')
->widget(\yii\jui\AutoComplete::classname(), [
                    'clientOptions' => [
                        'source' => array_values($suggest),
                        'select' => new JsExpression("function() {
                var name = $(this).val();
                alert(name);
             }")
                    ], 'options' => ['class' => 'searchinput', 'id' => 'searchByName'],
                ])->label(false) ?>

1 个答案:

答案 0 :(得分:1)

“select”事件在实际更改输入值之前触发:

http://api.jqueryui.com/autocomplete/#event-select

请改为尝试:

'select' => new JsExpression("function(event, ui) {
    alert(ui.item.value);
}")