我想在不同的情况下设置不同的按钮值。模态显示样式最初是“无”。我尝试使用 $("#submitform").value ="Add Event";
但是,它不起作用。当模式弹出时,按钮值仍然为空。
var btn = document.getElementById("myBtn");
btn.onclick = function() {
$("#submitform").value ="Add Event";
modal.style.display = "block";
};
<div id = "myModal" class = "modal">
<form name="addEvtForm" class="addEvtForm" >
title:<input type="text" name="title" id="title" autocomplete="title"><br>
<input type="button" value="" id="submitform">
</form>
</div>
首先,您没有将 jQuery 添加到 html,因此 .value 不起作用。其次,您的代码存在无效语法。我修复了它:
$("#submitform").click(function() {
$('#submitform').val('Add Event');
$(".modal").css("display", "block");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "myModal" class = "modal">
<form name="addEvtForm" class="addEvtForm" >
title:<input type="text" name="title" id="title" autocomplete="title"><br>
<input type="button" value="" id="submitform">
</form>
</div>
这应该有效。
我是一名优秀的程序员,十分优秀!