如何在纯HTML脚本(网站)中使用Variables

Question

我有一个简单的网站(纯HTML、CSS和JS(，但想在这个网站中使用变量。

类似：onclick="myFunction()" class="dropbtn">**$VARIABLE**

我希望文本是可变的。所以CCD_ 2或CCD_。这必须显示在下拉按钮中。

对于：
href="index.html">$VARIABLE也是如此。它显示了引用链接中的变量
或
input type="text" placeholder=**$VARIABLE** id="myInput" onkeyup="filterFunction()"。它显示了按钮中的变量
或
href="" title=**$VARIABLE** ><img src="image/WhatsApp.jpg" alt=""。它显示了图片中的变量
还有更多这样的东西
无法使用JSP，因为我使用的是IIS Web服务器(没有servlet(。

那么，可以做到吗？我可以在HTML中使用JavaScript(JS(中的变量(如示例(吗。

Answer 1

你的意思是？

const countrySelect = document.getElementsByClassName('dropbtn')[0]
countrySelect.onchange = () =>
{
let optElement = countrySelect.querySelector(`option[value="${countrySelect.value}"]`)
console.clear()
console.log('selected value = ', countrySelect.value )
console.log('selected text  = ', optElement.textContent )
}

<select name="dropbtn" id="ref_dropbtn" class="dropbtn" >
<option value="" selected disabled>pick one:</option>
<option value="England">England text</option>
<option value="France">France text</option>
<option value="Spain">Spain text</option>
</select>