0

私はコードを学んでいますが、テーブルの作成を任されており、ユーザーが複数のドロップダウン リストから選択すると、ユーザーが選択したものがテーブルに表示されます。(選択されていない行は非表示になります)

コードを新しい html ファイルに配置して実行したいと考えています。(私のテストでは、それを txt ドキュメントにカット アンド ペーストし、名前を html に変更してテストします) 他の種類のスクリプトでもこれを実行できますが、何らかの理由で、これを実行できないようです。

<script language="javascript"> 
 $(document).ready(function () {
        $('select.ddlFilterTableRow').bind('change', function () {
            $('select.ddlFilterTableRow').attr('disabled', 'disabled');
           $('#tableRegisterKids').find('.Row').hide();
            var critriaAttribute = '';

            $('select.ddlFilterTableRow').each(function () {
                if ($(this).val() != '0') {
                    critriaAttribute += '[data-' + $(this).data('attribute') + '="' + $(this).val() + '"]';
                }
            });

            $('#tableRegisterKids').find('.Row' + critriaAttribute).show();
            $('#headerCount').html($('table#tableRegisterKids tr.Row:visible').length + ' Registered Kids');
            $('select.ddlFilterTableRow').removeAttr('disabled');
        });
    });</script>



<select id="ddlAge" class="ddlFilterTableRow" data-attribute="age">
    <option value="0">Select All</option>
    <option value="10">10</option>
    <option value="8">8</option>
    <option value="6">6</option>
</select>
<select id="ddlSport" class="ddlFilterTableRow" data-attribute="sports">
    <option value="0">Select All</option>
    <option value="Foot Ball">Foot Ball</option>
    <option value="Chess">Chess</option>
    <option value="Cricket">Cricket</option>
    <option value="Bowling">Bowling</option>
</select>
<h1 id="headerCount"></h1>
<table id="tableRegisterKids">
    <tr>
        <th>Fullname</th>
        <th>Age</th>
        <th>Sport</th>
    </tr>
    <tr class="Row" data-age="10" data-sports="Foot Ball">
        <td>Thulasi Ram.S</td>
        <td>10</td>
        <td>Foot Ball</td>
    </tr>
    <tr class="Row" data-age="8" data-sports="Cricket">
        <td>Ram</td>
        <td>8</td>
        <td>Cricket</td>
    </tr>
    <tr class="Row" data-age="6" data-sports="Chess">
        <td>Ram Kumar.S</td>
        <td>6</td>
        <td>Chess</td>
    </tr>
    <tr class="Row" data-age="8" data-sports="Bowling">
        <td>Dinesh Kumar.S</td>
        <td>8</td>
        <td>Bowling</td>
    </tr>
    <tr class="Row" data-age="6" data-sports="Bowling">
        <td>Raja Ram.S</td>
        <td>6</td>
        <td>Bowling</td>
    </tr>
    <tr class="Row" data-age="10" data-sports="Chess">
4

1 に答える 1

0

コードをコピーしてテキスト ファイルに貼り付けるときに、jQuery を含めていますか?? コードはここでうまく実行されています。http://jsfiddle.net/zLPMV/

jQuery をページに含めることを確認する必要があります。簡単なテストは、Google リソースから取得することです。このコード行をテキスト ファイルの script タグの上に追加します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

PSこのコードを自分で書いたのですか、それともリソースとして使用して実行しようとしているだけですか?

于 2013-11-07T18:44:09.100 に答える