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或员工时，它将隐藏<tr id="trHide">标签。

问题： 我使用PHP代码作为上面的代码，但它不起作用。所以你对此有什么想法吗？或者我应该使用哪种技术，如AJAX，JQUERY，PHP？请帮帮我，谢谢。

Answer 1

忘记php或ajax，您无需提出此行为请求。
使用javascript，我会告诉您如何使用jQuery。

使用jQuery：

尝试此操作

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

demo

如果您想在更改其他人时显示#classification，则可以执行以下操作。

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

demo

更新：根据this评论更改为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')。

使用PHP，AJAX，JQUERY在表中获取隐藏tr的选定值

1 个答案: