當我使用 onchange 事件時，我在提醒選項的 innerHTML 時遇到了問題，到目前為止，我已經提出了這個按預期作業的解決方案，但我認為通過不使用if、else if和else陳述句可以更簡單地做到這一點。實際問題是如何獲取選項文本？我想出了如何獲得價值，但我仍然無法獲得我獲得價值的文本。TLDR 如何提醒選定的選項？IEwindow.alert('You have selected ' geometricShape);
<form>
<label id="izborNatpis" for="izbor">Geometrijski lik:</label>
<select onchange="izborLik()" id="izbor">
<option value="1">Pravokutnik</option>
<option value="2">Kru?nica</option>
<option value="3">Pravokutni trokut</option>
</select>
<label id="natpis1" for="polje1">A:</label>
<input id="polje1" type="number">
<label id="natpis2" for="polje2">B:</label>
<input id="polje2" type="number">
<label id="natpis3" for="polje3">C:</label>
<input id="polje3" type="number">
<button type="button">Izra?unaj</button>
</form>
<script>
function izborLik() {
let lik = document.getElementById('izbor').value;
if (lik == 1) {
window.alert("Odabrani geometrijski lik je Pravokutnik");
} else if (lik == 2) {
window.alert("Odabrani geometrijski lik je Kru?nica");
} else {
window.alert("Odabrani geometrijski lik je Pravokutni trokut");
}
}
uj5u.com熱心網友回復：
有幾種方法可以實作這一點。其中之一：
function izborLik() {
// Find select element
const selectEl = document.querySelector('#izbor');
// Get selected value
const selectedValue = selectEl.value;
// Find selected option according to a selected value and get its inner text
const innerText = selectEl.querySelector(`option[value='${selectedValue}']`).innerText;
window.alert(`Odabrani geometrijski lik je ${innerText}`);
}
uj5u.com熱心網友回復：
要訪問text所選選項的值，您可以使用 的selectedIndex屬性option訪問該選項的文本值，如下所示。
document.querySelector('#izbor').addEventListener('change',function(e){
alert( `Odabrani geometrijski lik je ${this.options[ this.options.selectedIndex ].text}` );
});<select id="izbor">
<option value="1">Pravokutnik</option>
<option value="2">Kru?nica</option>
<option value="3">Pravokutni trokut</option>
</select>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/486575.html
標籤：javascript html css 网络