Question

我正在尝试隐藏/显示基于变量的DIV。这是我到目前为止所做的。

我POST将变量放入INPUT

<input type="text" id="showhidediv" name="showhidediv" value="<?php echo $ta; ?>">

这是我的jQuery

<script type="text/javascript">
$(document).ready(function(){
    var show=('#showhidediv');
    if(show == 2) {
        $('#landlord').show();
    }
    else if(show == 1)
    {
        $('#landlord').hide();
    }
});
</script>

当变量从另一个表单发布到表单中时，DIV不会隐藏。

我哪里出错？

Answer 1

为什么你需要javascript，只需用基于PHP变量的CSS隐藏元素？

<input type="text" id="showhidediv" name="showhidediv" value="<?php echo $ta;?>">

<div id="landlord" style="display:<?php echo $ta==2 ? 'block':'none' ?>"></div>

Answer 2

更改为

var show= $('#showhidediv').val();

而不是

var show=('#showhidediv');

Answer 3

也许问题是从另一个表单发布的价值？听起来我们在这里缺少一些其他代码。

JsFiddle - http://jsfiddle.net/S5TZv/

将表单中HTML中的值从1更改为2并运行然后返回并且它可以正常工作。为了做更多的事情，我们需要你如何提交POST，如果它正在改变任何东西，什么时候提交，如果你需要再次调用该函数，如果页面没有重新加载......如果你正在使用AJAX调用或不要重新提交POST。

$(document).ready(function(){
    var show= $('#showhidediv').val();
    if(show == 2) {
        $('#landlord').show();
    }
    else if(show == 1)
    {
        $('#landlord').hide();
    }
});

基于变量PHP jQuery显示和隐藏DIV

3 个答案: