多个文本框的Onchange事件

时间:2015-12-22 03:01:18

标签: javascript html function

这是我的javascript

$1

这是我的前端

function disp(s)
    {
        var st=document.getElementById("stats");
        st=st.options[st.selectedIndex].text;
        document.getElementById("sp").innerHTML="this is changing :"+s;
        if(st=="Other")
        {
            document.getElementById(s).style.display="inline";
        }
        else
            document.getElementById(s).style.display="none";
    }

我面临的问题是,只有在显示rainguage文本框时才会打开曝光文本框...除了显示文本框ID的功能外,这两个下拉列表都没有关系。 如果显示rainguage tb并显示曝光tb,我无法隐藏曝光tb,除非我隐藏rainguage tb。请帮忙

2 个答案:

答案 0 :(得分:1)

这是因为你要通过id uiNavItemTitle.titleView获取元素。相反,您可以使用您的函数传递元素。

stats

并像这样更新你的功能:

<select id="stats" onchange="disp(this, 'oth')">
<select id="expo" onchange="disp(this, 'othe')">

答案 1 :(得分:0)

使用onchange事件进行多次选择,如下所示。 1.给所有选择相同的类名如下。

<select id="stats" class='select-box">
<select id="expo" class='select-box">

2.使用jquery onchange函数

$( ".select-box" ).change(function() {
      alert( "option selected" );
   });