1

私は以下のようなコードを持っています：

<form method ="post" id="myForm">
<table>

    <tr>
        <td>Classification socio <br /> professionnelle à l'embauche : </td>
        <td>
            <select name="droClassification" class="validate[required]" id="classification">
                <option value="">choisir catégorie </option>
                <option value="Ouvrier">Ouvrier</option>
                <option value="Employe">Employé</option>
                <option value="AgentMaitris">Agent de maitrise</option>
                <option value="Cadre">Cadre</option>
                <option value="Autre">Autre</option>
            </select>
        </td>
        <td></td>
    </tr>
     <?php
        if($_POST['droClassification'] == "Ouvrier" || $_POST['droClassification'] == "Employe"){

            echo '<style type="text/css"> #trHide{display:none;}</style>';
        }
    ?>
    <tr id="trHide">
        <td colspan="4">This is what I want to hide it, when I select on the Ouvrier or Employe</td>
    </tr>

</table>

必要なもの： OuvrierまたはEmployeeを選択すると、<tr id="trHide">タグが非表示になります。

問題： 上記のコードとしてPHPコードを使用しましたが、機能しません。これについて何か考えはありますか？または、AJAX、JQUERY、PHPのようにどのテクノロジーを使用する必要がありますか？助けてください、ありがとう。

4

1 に答える 1

2

phpまたはを忘れてajax、この動作を要求する必要はありません。
を使用javascriptして、を使用してそれを行う方法を紹介しますjQuery。

を使用して、これを試してくださいjQuery：

jQuery('#classification').change(function() {
    var selectedValue = $(this).val();
    if(selectedValue == 'Ouvrier' || selectedValue == 'Employe') {
        $('#trHide').hide();
    }
});

デモ

他の人に変更したときに表示したい場合#classificationは、次のようにすることができます。

jQuery('#classification').change(function() {
    var selectedValue = $(this).val(),
        $row = $('#trHide');
    if(selectedValue == 'Ouvrier' || selectedValue == 'Employe') {
        $row.hide();
    } else {
        $row.show();
    }
});

デモ

更新：このコメントによると。の代わりにに
変更します。classid

<tr class="trHide">
        <td colspan="4">This is what I want to hide it, when I select on the Ouvrier or Employe</td>
</tr>

次に、に変更$('#trHide')し$('.trHide')ます。

于 2012-10-10T02:18:53.117 に答える