从自定义对话框窗体获取值

Question

我想从自定义对话框(HTML(中获取值，将其用作函数的字符串参数。

Dialog.html:

<form id="subject-form">
<div class="form-inline">
<input type="text" id="subject" placeholder="Bookmark name" name="subject" maxlength="16" required >
<span>.</span>
<div class="select-dropdown">
<select id="selector">
<option value="student">student</option>
<option value="cs">cs</option>
<option value="hr">hr</option>
</select>
</div>
<span>.xyz.com</span>
</div>
<div class="btn-container" id="dialog-button-bar">
<button type="submit" class="action" onclick="getLabel()">Add</button>
<button id="dialog-cancel-button" onclick="google.script.host.close()">Cancel</button>
</div>
<!-- <div id="dialog-status"></div> -->
</form>

对话框JS:

function getLabel () {
const subj = document.getElementById('subject').value;
const subd = document.getElementById('selector').value;
google.script.run
.withSuccessHandler()
.mailIt(subj, subd);
}

Answer 1

问题是每次按下按钮都会重新加载页面。

更改此项：

<form id="subject-form">

对此：

<form onsubmit="return false" id="subject-form">

然后该功能将按预期工作。

参考：

• 提交时停止表单刷新页面