javascript - 由于隐藏的 div，按钮不可见

Question

我有这个 HTML 代码，我有一个div和一个button.

现在，我使用 jQuery 进行了div“隐藏”，它只会在您选择正确的<option>. 但是现在只有在button也是时才可见div。

HTML：

<div id="great">
    Do you like the netherlands?
    <input type="text" id="greatBox" value="Why..."
</div>

<input type="button" id="submitbutton" value="Submit">

JS/Jquery 看起来像这样

（它分布在文件中，其余的都不需要（我猜））

$('#great').hide()

$("#selectlist").change(function(){
    var value = $(this).val();
    if ($(this).val() ==  "netherlands") { 
        $('#great').slideDown(750)
        $('#other').hide()
    }
    if ($(this).val() == "other") { 
        $('#great').hide()
    }
});

还没有任何 jQuery/javascript 绑定到该按钮。

Answer 1

你需要关闭<input type="text" id="greatBox" value="Why..." >

因为它是打开的，所以 div 永远不会关闭，之后的所有内容都将被隐藏。