根据选择名称选项的值隐藏元素?

时间:2013-10-04 11:49:50

标签: php jquery html5 pdo smarty

我想从选择名称中获取值,当值为somthing时,请采取一些措施。所有值都保存在pdo db中。

Html:<header>Something</header>

代码:

<select name='name_of_select'>

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

</select>

实施例。当该值设置为 时,隐藏元素标题。我从db获得的值。并且值在smarty模板中显示{$option_selected_value}

2 个答案:

答案 0 :(得分:0)

试试这个,这将有助于你

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

});

小提琴here

答案 1 :(得分:-2)

这将按照您的要求执行,但它依赖于您向select和header元素添加ID。如果您无法做到这一点,那么请发布一些真正的标记,我会解决这个问题以适应:)

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