Question

我想在网站加载时隐藏我网站上的元素，但是当用户提交表单时，它会更改为显示。我已经试了好几个小时了，不能让它上班。

代码：

HTML

.hidden {
  display: none;
}

CSS

function show () {
  document.getElementById("mymessage").style.display = 'block';
}

的JavaScript

String sql = "DELETE FROM Planned_expenses_table WHERE DATE <= date('now','+1 day')";
    SQLiteDatabase db = this.getWritableDatabase();

    db.execSQL(sql);
    db.close();

免责声明：我只提供了相关代码。

希望有人能帮助我/发现错误！

Answer 1

您必须返回false以防止浏览器刷新页面，以便您可以在提交时隐藏元素：

＆＃13;

function show () {
  document.getElementById("mymessage").style.display = 'block';
  return false;
}

＆＃13;

.hidden {
  display: none;
}

＆＃13;

<form onsubmit="return show();">


<button>enviar</button>
</form>
<div id="mymessage" class="hidden">Message was sent.</div>

＆＃13;

Answer 2

我会删除hidden类：

function show () {
  document.getElementById("mymessage").classList.remove("hidden");
}

（classList拥有非常广泛的支持，如有必要，可以在过时的浏览器上进行填充。）

实例（使用按钮点击代替表单提交）：

＆＃13;

function show () {
  document.getElementById("mymessage").classList.remove("hidden");
  return false;
}

＆＃13;

.hidden {
  display: none;
}

＆＃13;

<form>
<div id="mymessage" class="hidden">Message was sent.</div>
<input type="button" onclick="show();" value="Click Me">

＆＃13;

Answer 3

我认为这是一个解决方案

document.getElementById("mymessage").classList.remove("hidden");

Answer 4

如果你使用jQuery呢？

</script>
    <script>
    $(document).ready(function(){
        $("form").submit(function(){
            jQuery('#mymessage').show();
        });
    });
    </script>

请记住在代码上方添加库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">

改变CSS＆＃34;显示：无;＆＃34;显示

4 个答案: