Question

我有一个带有文本框，选择和添加或删除行按钮的动态表。我希望从100到5中选择一个值，它将其值减去下一个组合。例如。如果我选择第一个组合的值为50，则第二个组合的值为（50-5），如果我将第二个组合的值设置为15，则第三个组合的值为（35-5），依此类推。我该如何完成？在这里，我离开jsfiddle，请注意我正在使用Jquery 1.7

HTML

<table id="table">
  <tr>
            <td style="text-align: center;"><h3>Evaluation aspect</h3></td>
            <td style="text-align: center;"><h3>Ponderation</h3></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td><input type="text" name="aspect[]" style="text-transform: uppercase;"/></td>
            <td>
                <select name="ponderation[]">
                  <option value="" selected>05 - 100</option>
                  <option value="5">5</option>
                  <option value="10">10</option>
                  <option value="15">15</option>
                  <option value="20">20</option>
                  <option value="25">25</option>
                  <option value="30">30</option>
                  <option value="35">35</option>
                  <option value="40">40</option>
                  <option value="45">45</option>
                  <option value="50">50</option>
                  <option value="55">55</option>
                  <option value="60">60</option>
                  <option value="65">65</option>
                  <option value="70">70</option>
                  <option value="75">75</option>
                  <option value="80">80</option>
                  <option value="80">85</option>
                  <option value="90">90</option>
                  <option value="95">95</option>
                  <option value="100">100</option>
                 </select>
            </td> 
            <td>
                <input type="button" class='del' value='&#x2212;' />
            </td>
        </tr>
        <tr>
            <td><input type="text" name="aspect[]" style="text-transform: uppercase;"/></td>
            <td>
                <select name="ponderation[]">
                  <option value="" selected>05 - 100</option>
                  <option value="5">5</option>
                  <option value="10">10</option>
                  <option value="15">15</option>
                  <option value="20">20</option>
                  <option value="25">25</option>
                  <option value="30">30</option>
                  <option value="35">35</option>
                  <option value="40">40</option>
                  <option value="45">45</option>
                  <option value="50">50</option>
                  <option value="55">55</option>
                  <option value="60">60</option>
                  <option value="65">65</option>
                  <option value="70">70</option>
                  <option value="75">75</option>
                  <option value="80">80</option>
                  <option value="80">85</option>
                  <option value="90">90</option>
                  <option value="95">95</option>
                  <option value="100">100</option>
                 </select>
            </td> 
            <td>
                <input type="button" class='add' value='&#x2b;' />
            </td>
        </tr> 
</table>

表始终以2行初始化

$('.del').live('click',function(){ //this deletes selected row
                $(this).parent().parent().remove();
            });

            $('.add').live('click',function(){
                var rowCount = $('#table tr').length;
                if(rowCount > 6) //not allowing 7th row to be inserted
                {
                    alert('You cant register more than 6 evaluation aspects');
                }
                else
                {
                    $(this).attr('class','del');//setting del class to button's new row
                $(this).val('-');//setting - value of new button's row
                    var appendTxt = "<tr><td><input type='text' name='aspecto[]' style='text-transform: uppercase;' class='form-control'/></td> <td> <select name='ponderacion[]' class='form-control'> <option value='' selected>05 - 100</option> <option value='5'>05</option> <option value='10'>10</option> <option value='15'>15</option> <option value='20'>20</option> <option value='25'>25</option> <option value='30'>30</option> <option value='35'>35</option> <option value='40'>40</option> <option value='45'>45</option> <option value='50'>50</option> <option value='55'>55</option> <option value='60'>60</option> <option value='65'>65</option> <option value='70'>70</option> <option value='75'>75</option> <option value='80'>80</option> value='90'>90</option> <option value='95'>95</option> <option value='100'>100</option></select></td><td><input type='button' class='btn btn-primary add' value='&#x2b;' /></td></tr>";
//here is static creation of select, I need that it depends of last combo selection
                        $("tr:last").after(appendTxt);
                    }           
                });

从下一个组合中减去值的组合框

0 个答案: