Question

多个SELECT用一个OnChange,输出在不同ID

多个SELECT用一个OnChange,输出在不同ID不知道有多个SELECT, formA的在txtHintA输出, formB的在txtHintB输出, 要如何修改

SELECT 内容都一样
只是form 和输出不同

Answer 1

多个SELECT用一个OnChange,输出在不同ID

//select中的onchange是在下拉框中所选的值发生变化时触发的事件。
//可以给onchange事件绑定一个方法，在onchange事件触发时会执行绑定的方法。

//示例：
//首先可以响应select的onchange事件来调用JS编写的事件响应函数，如
<select id="select1" name="select1" onchange="outputSelect();">
<option>...
</select>
//然后编写事件响应函数：
//如果select位于表单（form1）中，select的name为select1，则可使用如下方法：
//获得用户选中的项的索引
var index=window.document.form1.select1.selectedIndex;
//根据索引获得该选项的value值
var val=window.document.form1.select1.options[index].value;
//如果select并非表单元素，假设select的id为select1,则如下：
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//如果要输出选择结果，假设HTML中定义了一个<div id="output"></div>，则如下输出：
window.document.getElementByIdx_xx_x("output").innerText=val;
//一个示例：
function outputSelect(){
//获取用户选中的项的索引
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
//根据index获取选中项的value值
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//根据index获取选中项的Text值，即在下拉列表中显示的选项文本
var vname=window.document.getElementByIdx_xx_x("select1").options[index].text;
//输出value :
textdocument.getElementByIdx_xx_x("output").innerText=val " : " vname;

Answer 2

你再带多一个参数呀，带多一个字符串就是那个span的id呀