Javascript 如何基于html页面中组合框中的值填充文本框的值

HTML网页：

我有一个组合框，它是一个查找类型。我从表中选择了一个查找值。 在同一个html页面中，我还有两个只读文本框，它必须存储查找值的相应值

示例：查找值为此人的姓名，则以下只读文本框必须存储此人的电话号码和位置

所有这些值都将存储在数据库中

---

如果我更改了查找ie person中的值，则电话号码和位置文本框必须自动更新。

您可以在更改组合框时使用Ajax请求。 并向服务器发送个人ID，获取位置和电话号码。 并将这些数据设置为只读文本框

或

将数据绑定到组合框时，可以在值字段中使用一些分隔符设置位置和电话号码

示例：value='1^美国^98534869' 这里1是个人ID，USA是位置，98534869是电话号码，由^symbol分隔

更改组合框时，获取值并使用分隔符（^）进行拆分。

---

并在只读文本框中指定该值。

您可以创建一个javascript数组，然后通过从与person ID对应的数组中获取值来填充只读文本框

像这样的

var details = new Array();
details['person_id'] = new Array();
details['person_id']['name']="name";
details['person_id']['phone_number']="phone_number";
details['person_id']['location']="location";

---

请提供来源。您可以在jsfiddle.net上共享它