javascript - jQuery在输入标签中推送多个值

Question

输入标签

<input id="user" type="text" name="user" class="form-control" />
<input id="user_id" type="hidden" name="user_id" value="" />

jQuery代码可在搜索任何用户时更改隐藏输入中的值

terms.push( ui.item.emp_id );
jQuery("#user_id").val(ui.item.emp_id);

这里的 emp_id是从ajax响应传递的userId，因此输入现在看起来像（12是userID）

<input id="user_id" type="hidden" name="user_id" value="12" />

我如何在输入中推送多个值，使其看起来如下所示

<input id="user_id" type="hidden" name="user_id" value="12,13,14" />

在 json_encode中传递的数组

$array_pm[] = array('label' => $row['emp_name'],
                            'value' => $row['emp_name'],
                            'emp_id' => $row['emp_id']
                            );

我当前的脚本仅在隐藏的输入中推送单个值，但是当用户搜索多个记录时如何推送多个值？

谢谢。

Answer 1

在设置要输入的值之前，将其存储在某个临时变量中，然后将要存储的值附加到该临时变量中，然后将输入值设置为该临时变量。

var oldValue = jQuery("#user_id").val();
var arr = oldValue === "" ? [] : oldValue.split(',');
arr.push(ui.item.emp_id);
var newValue = arr.join(',');

jQuery("#user_id").val(newValue);

如果 terms是要添加到输入的数组，则可以执行以下操作：

jQuery("#user_id").val(terms.join(','));

http://jsfiddle.net/9y2shao8/