Javascript（Jquery也可以）判断多个下拉框的值是否重复 orz求助帖

            <table id="TbData" class="bk_form_tbl">
                <tr class="CaseRow">
                    <th>
                        配置交易地点：<ins>*</ins>
                    </th>
                    <td>
                        游戏名称<select name="selectGameName" runat="server" id="selectGame"></select>交易地点<input
                            class="input_w198" id="txtTradingPlace" runat="server" type="text" name="txtTradingPlaces" /><label
                                class="ftip_n">记录客服负责人姓名，投诉等订单处理问题可直接联系该人</label>
                        <input type="button" class="btn_lv4_1" value="添加" onclick="addtr('TbData')" />
                    </td>
                </tr><tr class="CaseRow">
                    <th>
                        配置交易地点：<ins>*</ins>
                    </th>
                    <td>
                        游戏名称<select name="selectGameName" runat="server" id="select1"></select>交易地点<input
                            class="input_w198" id="Text1" runat="server" type="text" name="txtTradingPlaces" /><label
                                class="ftip_n">记录客服负责人姓名，投诉等订单处理问题可直接联系该人</label>
                        <input type="button" class="btn_lv4_1" value="添加" onclick="addtr('TbData')" />
                    </td>
                </tr><tr class="CaseRow">
                    <th>
                        配置交易地点：<ins>*</ins>
                    </th>
                    <td>
                        游戏名称<select name="selectGameName" runat="server" id="select2"></select>交易地点<input
                            class="input_w198" id="Text2" runat="server" type="text" name="txtTradingPlaces" /><label
                                class="ftip_n">记录客服负责人姓名，投诉等订单处理问题可直接联系该人</label>
                        <input type="button" class="btn_lv4_1" value="添加" onclick="addtr('TbData')" />
                    </td>
                </tr>
            </table> Table>tr>td 里面有多个select标签 我想当他们选择的索引改变的时候验证 是否有选中的值已经重复（就是select值唯一，所有的select值都不能相同）

解决方案 »

  1.   

    //用jquery来实现$(function(){
       $("#TbData select").each(function(i){$(this).attr("xh",i);});
       $("#TbData select").change(function(){
           var val=$(this).val();
           $("#TbData select[xh!="+$(this).attr("xh")+"]").each(function(){
                 if(val==$(this).val())
                 {
                       alert("该值已经存在！请重新选择");
                       return;
                 }
           })
       })
    })
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>zell419</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script>
            var test = function(){
                var flag = false;
                $("select[name='selectGameName']").each(function(){
                    var value = $(this).val();
                    if( $("select[name='selectGameName'] option[value='"+value+"']:selected").size()>1){
                        flag = true;
                    } 
                });
                if(flag) alert("有重复的");         
            }
    </script>
    </head>
    <body>
    <select name="selectGameName">
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
    </select>
    <br />
    <select name="selectGameName">
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
    </select>
    <br />
    <select name="selectGameName">
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
    </select>
    <br />
    <input type="button" value="test" onclick="test();"  />
    </body>写了一下 希望对你有帮助.
      

  3.   


    <table id="TbData" class="bk_form_tbl">
       <tr><td>
        <select id="sel1">
    <option value="--选择--">--选择--</option>
    <option value="湖北">湖北</option>
    <option value="湖南">湖南</option>
    <option value="广东">广东</option>
    </select>
    </td></tr>
    <tr><td>
        <select id="sel2">
    <option value="--选择--">--选择--</option>
    <option value="湖北">湖北</option>
    <option value="湖南">湖南</option>
    <option value="广东">广东</option>
    </select>
    <tr><td>
        <select id="sel3">
    <option value="--选择--">--选择--</option>
    <option value="湖北">湖北</option>
    <option value="湖南">湖南</option>
    <option value="广东">广东</option>
    </select>
    </td></tr>
    </td></tr>
    </table>
    <script src="jquery.js"></script>
    <script>
    $(function(){
       $("#TbData select").each(function(i){$(this).attr("xh",i);});
       $("#TbData select").change(function(){
           var val=$(this).val();
           $("#TbData select[xh!="+$(this).attr("xh")+"]").each(function(){
                 if(val==$(this).val())
                 {
                       alert("该值已经存在！请重新选择");
                       return;
                 }
           })
       })
    })
    </script>
      

  4.   

    还有个问题 我用JS动态添加了一行tr select以后 怎么给他加上验证的效果
      

  5.   

    问问题能具体点么？验证tr里面的什么？
    你要通过js给tr加验证。你肯定要告诉大家做个tr跟其他的tr有什么区别，也就是说通过js获取到做个tr里面要验证的元素，肯定是这个元素跟其他元素有点区别的
    另外做什么验证？
      

  6.   

    偶 没事了 我弄好了~~  orz 没文化 真可怜啊 要好好学javascript jquery