继续下拉箱直到

时间:2011-09-24 23:00:30

标签: jquery

我正在寻找我的脚本在下拉框中接受百分比,在初始选择之后我想要计算剩余百分比并向用户显示另一个下拉框,这将继续直到值为0留在最后一个方框

这是我的代码到目前为止,第一个框可以工作,但是在我创建它后,我失去了再次触发代码的触发器,

我是否以正确的方式进行此操作?并且任何人都可以建议如果第一个下拉框值改变我如何纠正数学,我不是在寻找有人为我编写代码和脚本只是一些声音指针在哪里去。

这是代码

                <script src="jquery.js"></script>
            <script> 

            $(document).ready(function(){

            $("#choice").change(function() { 


                valper = $(this).val() ;

                valueLeft = 100 - valper;

                newline = "<tr bgcolor='#666666'><td>&nbsp;</td> "
                newline += "<td><select  id='choice'> " ; 

                for( i=valueLeft; i >0; i--) {
                    newline += "<option value=" + i + ">" + i + " % </option> " ;
                }

                newline += "</select></td>  <td>&nbsp;</td> </tr> " ; 

                $('#selector').append(newline)


            }); 

            });


            </script> 

            <table width="500" border="1" cellspacing="1" cellpadding="1" bgcolor="#CCCCCC" align="center">
              <tr>
                <td width="50">top</td>
                <td>&nbsp;</td>
                <td width="50">&nbsp;</td>
              </tr>

             <tbody id='selector' > 
              <tr bgcolor="#666666" >
              <td>&nbsp;</td>
              <td>
                 <select  id="choice" name='1' >
                    <?php
                         for ( $counter = 100 ; $counter > 0; $counter -= 1) {       
                         echo "<option value='$counter'>$counter%</option> " ; 
                         };
                    ?>
                </select></td>
              <td>&nbsp;</td>
              </tr>
              </tbody>

              <tr>
                <td>Bottom</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>

            </table>

1 个答案:

答案 0 :(得分:0)

jQuery事件不会触发事件注册后创建的元素。在新框上手动注册事件处理程序或使用live()

$("#choice").live('change', function() {