1

DBから動的に作成されたテーブルがあります ここに画像の説明を入力

フィールドの値 I と を合計して、すぐにフィールドselectに表示しようとしています。own evaluationvalue next to it in the same rowGap

これらの 3 つの列を埋めるために使用しているコードは次のとおりです。

            echo "<td class='evaluation'>";
                echo "<select class='ownlevelselect' id='ownlevelselect' name='level-".$compi['Competence_ID']."' >";
                    echo "<option value=''>--</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option>";
                echo "</select>";
                echo '<a target="_blank" href="'.INDEX.'?categ='.$_GET['categ'].'&action='.$_GET['action'].'&subaction=viewlevels'.'&levels='.$compi['Competence_ID'].'">';
                echo '<img class="linkki" src="'.KUVAT.'paivita.gif" alt="'._("tiedot").'" title="'._("What is this?").'"/></a>';
                            echo "</td>";
            echo "<td class='mefly'>";
                echo $compi['actual_level'];        
            echo "</td>";

            echo "<td class='gap'>";
                echo "<input type='text' readonly style='width:20px;'>";
            echo "</td>";

で提案されているように、この Jquery コードを試しましsilkfireたが、何も変わりませんでした..

$(function() {
       $(document).on('change', 'td.evaluation select', function() {
          var gap = $(this).val() + $(this).parent('tr').find('td.mefly').text();

          $(this).parent('tr').find('td.gap input:text').val(gap);
       });
    });

</script>
4

1 に答える 1

2

これらの 3 つのセル (td) に、"evaluation"、"mefly"、"gap" などのクラス名を付けます。

次に、イベントを評価選択にバインドします。

$(function() {
   $(document).on('change', 'td.evaluation select', function() {
      var gap = parseInt($(this).val()) + parseInt($(this).parents('tr').find('td.mefly').text());

      $(this).parents('tr').find('td.gap input:text').val(gap);
   });
});
于 2013-04-12T12:01:39.390 に答える