1

私はこの例を私が必要としていることに適応させようとしていました。ボタンのクリックで列全体を同じ値に設定するオプションを実装したい情報のテーブルがあります。これは可能ですか？正しい方向へのポイントが欲しいです。

例を挙げるためだけに。4 日間のゲーム パーティーを計画しているとします。ページは次のようになります。ドロップダウンには、出席に関する 3 つのオプションがあります (はい、いいえ、たぶん)。すべてのドロップダウンは、日と人に応じて動的に名前が付けられます。つまり、私の粗雑な Excel モックアップのように見えます。理想的には、特定の日の全員をドロップダウンから「はい」とマークする日マーカーと同じ領域にボタンが必要です。

説明の画像

4

2 に答える 2

0

はい、それは完全に可能です。html にアクセスできる場合は、次のようなことができます。

  • 日を参照するすべてのセルにクラスを追加します。そのため、「Day 1」列のすべてのセル (td 要素) には「day1」というクラスがあり、「Day 2」列のすべてのセルには「day2」というクラスがあります。 " 等々。
  • Day列ヘッダーに言及したボタンを追加し、セルに使用したのと同じ基準でIDを付与して、列「Day 1」のボタンのIDが「day1」などになるようにします。次に、次のようなことを行います。
<script type="text/javascript">
$(document).ready(function() {
      $(".your-button-class").click(function() {
         var day_reference = $(this).attr("id");
         $("." + day_reference + " select").val(day_reference);
         return false;
        });
});
</script>

私は2つのことを想定しています：

  • jQueryを使用しています
  • ドロップダウン オプションの値は、ボタンに使用している Id と同じです。

jQuery や類似の js ライブラリを使用していない場合は、現在取り組んでいることをお知らせください。サポートさせていただきます。

于 2012-04-03T21:38:06.807 に答える
0

良い。多くのドロップダウンを特定の値に設定するなど、JQueryを使用してこれらのことを行うことをお勧めします。

<script type='javascript'>
  $(document).ready(function() {
       $('select#setall').change(function() {
           $('.attendance').val($(this).val());
       });
  });
</script>

<select id="setall">
     <option>Yes</option>
     <option>No</option>
     <option>Maybe</option>
</select>


Day 1:
<select class="attendace">
     <option>Yes</option>
     <option>No</option>
     <option>Maybe</option>
</select>

Day 2:
<select class="attendace">
     <option>Yes</option>
     <option>No</option>
     <option>Maybe</option>
</select>

Day 3:
<select class="attendace">
     <option>Yes</option>
     <option>No</option>
     <option>Maybe</option>
</select>
于 2012-04-03T21:39:59.047 に答える