根据选择名称选项的值隐藏元素 - Hide element based on the value of select name option?

Hide element based on the value of select name option?

本文关键字：隐藏元素选项选择 | 更新日期: 2023-09-27

我想从选择名称中获取值，当值是某些值时，请执行一些操作。所有值都保存在 pdo 数据库中。

网页： <header>Something</header>

法典：

<select name='name_of_select'>
<option value='on'>On</option>
<option value='off'>Off</option>
</select>

前任。当值设置为 on 时，隐藏元素标头。我从数据库获得的值。而价值{$option_selected_value}在聪明的模板中。

试试这个，这会帮助你

$('select[name=name_of_select]').change(function(){
if($(this).val()=='on')
    $('header').show();
    else
    $('header').hide();
});

小提琴here

这将按照您的要求进行操作，但它依赖于您将 ID 添加到选择和标头元素。如果您无法做到这一点，请发布一些真正的标记，我会修复它以适应:)

$("#selectID").on("change", function() {
    if ($(this).val() == "on") {
        $("#headerID").show();
    } else {
        $("#headerID").hide();
    }
});