我有一個選擇，當我選擇選項periodica a div change to display block時，問題是當我想將值“Periodica”與大寫P一起使用時，js就不再起作用了。
我知道我可以只發送值periodica，但我需要將此值存盤為 Periodica
function showDiv(divId, element) {
document.getElementById(divId).style.display = element.value == "periodica" ? 'block' : 'none';
}#hidden_div {
display: none;
}<select required name="tdonacion" class="form-control form-group col-md-12" onchange="showDiv('hidden_div', this)">
<option value="Puntual">Puntual</option>
<option value="periodica">Periódica</option>
</select>
<div id="hidden_div">
<select required name="dperiodica" class="form-control form-group col-md-12">
<option value="Mensual">Mensual</option>
<option value="Trimestral">Trimestral</option>
<option value="Semestral">Semestral</option>
<option value="Anual">Anual</option>
</select>
</div>uj5u.com熱心網友回復：
function showDiv(divId, element){
document.getElementById(divId).style.display = element.value == "Periodica" ? 'block' : 'none';}#hidden_div {
display: none;} <select required name="tdonacion" class="form-control form-group col-md-12" onchange="showDiv('hidden_div', this)">
<option value="Puntual">Puntual</option>
<option value="Periodica">Periódica</option>
</select>
<div id="hidden_div">
<select required name="dperiodica" class="form-control form-group col-md-12">
<option value="Mensual">Mensual</option>
<option value="Trimestral">Trimestral</option>
<option value="Semestral">Semestral</option>
<option value="Anual">Anual</option>
</select>
</div>value="periodica"改成value="Periodica"
uj5u.com熱心網友回復：
Js 區分大小寫。您可以測驗element.value == "Periodica"或使用toLowerCase()
if("periodica" == "Periodica"){
console.log("Js isn't case sensitive")
}else{
console.log("Js is case sensitive")
}
let text = "Periodica";
if(text.toLowerCase() == "periodica"){
console.log("works")
}
console.log(text " didn't change");uj5u.com熱心網友回復：
嘗試這個：
JavaScript：
function showDiv(divId, element){
document.getElementById(divId).style.display = element.value == "Periodica" ? 'block' : 'none';}
HTML：
<select required name="tdonacion" class="form-control form-group col-md-12" onchange="showDiv('hidden_div', this)">
<option value="Puntual">Puntual</option>
<option value="Periodica">Periódica</option>
</select>
uj5u.com熱心網友回復：
您可以使用toLocaleLowerCase()方法。
我的建議：
function showDiv(divId, element){
document.getElementById(divId).style.display = element.value.toLocaleLowerCase() == "periodica" ? 'block' : 'none';}
希望它對你有用。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/489786.html
標籤：javascript html css