请教 如何触发ajaxtags select的ajax事件

我有3个ajaxtags select的联动菜单。
我在页面展现之后用鼠标点击进行选择第一个，可以触发第二，点击第二个，也可以触发第三个。我现在有这样一个需求，在页展现的时候，我会传参给第一二三个赋初值，
我希望，给第一个赋完初值之后，触发，更新第二个子选项之后在赋值，
第三个亦然。请教，我该如何做？不知道我清楚需求没有。 

解决方案 »

  1.   

    <select onChange="function">
      

  2.   

    给出了一个例子，不知道合不合要求。即使不合要求，修改以适应你的要求也不是很难：function onFirstItemChanged(){

    //do something
    //修改第二个选项中选中的选项
    onSecondItemChanged();
    }
    function onSecondItemChanged(){

    //do something
    //修改第三个选项中选中的选项

    onThirdItemChanged();
    }
    function onThirdItemChanged(){ //do something
    }
    function assign(){ var firstItem = document.getElementById( 'first' );
    if( firstItem ){

    firstItem.selectdIndex = yourIndex;//your index
    onFirstItemChanged();
    }
    var secondItem = document.getElementById( 'second' );
    if( secondItem ) {

    secondItem.selecedIndex = yourIndex;
    onSecondItemChanged();
    }
    var thirdItem  = document.getElementById( 'third' );
    if( thirdItem ){

    thirdItem.selectedIndex = yourIndex;
    onThirdItemChanged();
    }
    }
    window.onload=function(){ assign();
    }
    <script>
    <body>
    <select id='first' name='first' onchange='onFirstItemChanged()'>
    <option value='0'>some string</option>
    </select>
    <select id='second' name='second' onchange='onSecondItemChanged()'>
    <option value='0'>some string</option>
    </select>
    <select id='third' name='third' onchange='onThirdItemChanged()'>
    <option value='0'>some string</option>
    </select>
    </body>