如果在<select>中沒有選擇任何內容，則顯示沒有被選中

在JavaScript中，如果在下拉列表中選擇了NOTHING，您能顯示div嗎？如果選擇了任何內容，請隱藏div。我看到所有這些帖子，如果選擇了某些內容，他們想要顯示一個div。我想做相反的事情。如果在<select>中沒有選擇任何內容，則顯示沒有被選中

這是我過的時候我選擇了它。我想做到哪裏找到它選擇..不是值編號或名稱..

<select onchange="selectOther(this);"> 
    <option value="@" id="otherSelected" name="other">Other</option> 
</select> 

<div id="result">Cool</div> 

function selectOther(that) { 
    if (that.value == '@') { 
    document.getElementById('result').style.display = 'block'; 
    } 
    else { 
    document.getElementById('result').style.display = 'none'; 
    } 
}

來源

2017-08-11 I' m just a coder for fun

div的默認狀態是什麼？ –

你可以分享你已經試過的代碼 – brk

所以添加更改事件並顯示/隱藏元素 – epascarello

var dropdown = document.getElementById('myDropdown'); 
 
var div = document.getElementById('myDiv'); 
 
dropdown.addEventListener('change', function() { 
 
    if (!(this.value)) { 
 
     div.style.visibility = "visible"; 
 
    } else { 
 
     div.style.visibility = "hidden"; 
 
    } 
 
});

<select id="myDropdown"> 
 
    <option selected></option> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 

 
<div id="myDiv"> 
 
    VISIBLE/HIDDEN 
 
</div>

來源

2017-08-11 17:05:50

謝謝！這有幫助。 –

很高興幫助:)。 –

如果在<select>中沒有選擇任何內容，則顯示沒有被選中

回答

相關問題