根据选择名称选项的值隐藏元素？答案

【问题标题】：Hide element based on the value of select name option?根据选择名称选项的值隐藏元素？
【发布时间】：2013-10-11 09:46:50
【问题描述】：

我想从选择的名称中获取值，当该值变为某种值时，采取一些行动。所有值都保存在 pdo db 中。

HTML：<header>Something</header>

代码：

<select name='name_of_select'>

<option value='on'>On</option>
<option value='off'>Off</option>

</select>

例如。当该值将设置为 on 时，隐藏元素 header。我从数据库中获得的价值。以及 smarty 模板中存在 {$option_selected_value} 的值。

【问题讨论】：

标签： php jquery html pdo smarty

【解决方案1】：

这将满足您的要求，但它依赖于您将 ID 添加到 select 和 header 元素。如果您无法做到这一点，请发布一些真实的标记，我会修复它以适应 :)

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

【讨论】：

【解决方案2】：

试试这个，对你有帮助

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

});

小提琴here

【讨论】：