jquery - 自动完成 TextBoxList 值提交为从 json 获取

Question

我正在使用带有原型的自动完成文本框列表，并且对此有几个问题。

我正在从 demodata.js 文件中获取值，该文件为

[{
    "caption": "Name1",
    "value": "Name1"
}, {
    "caption": "Name2",
    "value": "Name2"
}]

现在，当我提交值时，我在 servlet 收到的数据是

[{"caption": "Name1", "value": "Name1"}]

Q1。我只需要它的价值Name1而不是全部，所以我怎样才能实现它的价值。

Q2。我还想更改用于选择值的分隔符。现在在键入值后，如果给定空格，则在文本框中选择了该值，我想将其更改为,. 当我按下,之后，应该在 texbox 中选择该值。

Answer 1

// Array
var myArray = [{
 "caption": "Name 1",
 "value": "Name 1"
}, {
 "caption": "Name 2",
 "value": "Name 2"
}];

// Read each index/object in Array
$.each(myArray, function (index, value) {
 alert('-index: ' + index + ' -caption: ' + value.caption + ' -value: ' + value.value);
});

// Values of first index/object
var first_caption = myArray[0].caption;
var first_value = myArray[0].value;

alert('First caption and value in myArray: ' + first_caption + ':' + first_value);

如果警报让您烦恼，请将警报替换为console.log

演示