首次显示选择元素时调用 JavaScript 函数答案

【问题标题】：Invoke JavaScript function when the select element is first displayed首次显示选择元素时调用 JavaScript 函数
【发布时间】：2021-08-12 18:26:29
【问题描述】：

我的 Django 应用中有以下 HTML：

<select required size="1" name="relevancy" id="relevancy{{result.report_id}}" onChange="change_relevancy(this.value,{{ result.report_id }});">
<option value="" {% if result.relevance == " " %} selected {% endif %}>Select...</option>
<option value="N" {% if result.relevance == "N" %} selected {% endif %}>None</option>
<option value="M" {% if result.relevance == "M" %} selected {% endif %}>Moderate</option>
<option value="H" {% if result.relevance == "H" %} selected {% endif %}>High</option>
</select>

第一次显示选择时如何调用 JavaScript 函数？我可以检测到用户何时进行选择，但不能检测 HTML 何时通过 selected 属性进行选择。

【问题讨论】：

这能回答你的问题吗？ How can i add a onchange js event to Select widget in Django?
不，我能做到。这里不涉及用户选择。

标签： javascript html django

【解决方案1】：

您可以在选择后放置一个带有适当函数调用的脚本标记。该函数将在 html 首次加载时执行，在 select 添加到 DOM 之后。

<select required size="1" name="relevancy" id="relevancy{{result.report_id}}" onChange="change_relevancy(this.value,{{ result.report_id }});">
<option value="" {% if result.relevance == " " %} selected {% endif %}>Select...</option>
<option value="N" {% if result.relevance == "N" %} selected {% endif %}>None</option>
<option value="M" {% if result.relevance == "M" %} selected {% endif %}>Moderate</option>
<option value="H" {% if result.relevance == "H" %} selected {% endif %}>High</option>
</select>

<script>callMyFunction()</script>

【讨论】：