Question

要使界面选中下拉框的同时，在另外的文本框能够显示对应对象的另外一个值

从数据库中已经查出一个List，包括多个对象，对象的一个值放到jsp界面的下拉框中，要使界面选中下拉框的同时，在另外的文本框能够显示对应对象的另外一个值，这个要怎么做？新手，希望可以回答的详细点，谢谢！

Answer 1

1、你可以把另外一个值存在select的每个option的自定义属性上面，选中的时候直接获取这个自定义属性值，然后放到文本框里
2、如果对象中的值本身就是键值对形式的话，直接在选中的时候或者到当前的值，根据键值对获取另外一个值，然后放到文本框里。

追问

那个自定义的属性我们该怎么定义和获取？直接放到option中的value属性中不行吗？

追答

我以为你的第一个值是放在value中的 如果不是的话，另外一个值可以直接放到value属性中就可以了

追问

我第一个是放在value中，那另外一个要放哪里？怎么获取？在select中的onchange怎么传option中的另外一个值？

追答

给你个例子：

Volvo
Saab
Mercedes
Audi

var oSelect = document.getElementById("list");
var oInput = document.getElementById("intro");
oInput.value = oSelect.value;
oSelect.onchange = function(e) {
var opt = this.options[this.options.selectedIndex];
oInput.value = opt.getAttribute("tips");
}

Answer 2

选中时触发点击事件，可得到选中的值。然后通过对象找到文本框，通过js将对应的值写入文本框的value属性就可以了

Answer 3

重点在于监听select的change事件，至于对应的值从哪取，就看你的结构了，可以从dom上取，也可以发送ajax请求获取。