php - 使用 PHP、AJAX、JQUERY 获取表中隐藏 tr 的选定值

Question

我有如下代码：

<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？请帮帮我，谢谢。

Answer 1

忘记phpor 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();
    }
});

演示

更新：根据此评论。
改为class而不是id。

<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').