Question

我想在不同的情况下设置不同的按钮值。模态显示风格是＆＃34;无＆＃34;首先。我尝试使用$("#submitform").value ="Add Event";但是，它不起作用。弹出模式时，按钮值仍为空。

＆＃13;

var btn = document.getElementById("myBtn");
    btn.onclick = function() {
        $("#submitform").value ="Add Event";
        modal.style.display = "block";
    };

＆＃13;

<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>

＆＃13;

Answer 1

尝试：

$('#submitform').val('Add Event');

或：

document.getElementById("submitform").value = "Add Event";

Answer 2

首先，你没有将jQuery添加到html中，所以.value没有用。其次，您的代码语法无效。我把它修好了：

＆＃13;

$("#submitform").click(function() {
        $('#submitform').val('Add Event');
        $(".modal").css("display", "block");
    });

＆＃13;

<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>

＆＃13;

这应该有用。

如何在javascript中设置按钮值

2 个答案: