事實上，我試圖隱藏div id="condition-description-sec"，因為所選的第二個選項是隱藏的，如果我選擇其他選項，但div id="condition-description-sec "不顯示。我怎樣才能解決這個問題呢？
。var optionValue = document. getElementById("condition-select")[1].value。
console.log('test condition' optionValue)
if（optionValue）{
$("#condition-description-sec"/span>).hide()
}else{
$("#condition-description-sec"/span>).show()
}<script src="https://ajax. googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">< /script>
< select name="condition_id" id="condition-select">
<option value="/span>> 選擇條件</選項>/span>
<option value="1000/New with tags" selected> 新帶標簽</option>。
<option value="1500/New without tags"/span>> 新的無標簽</選項>
<option value="1750/New with defects"/span>> 新的有缺陷的</選項>。
<option value="3000/Used"/span>> Used</option>。
</select>/span>
<div id="condition-description-sec"/span>>
<p>Lorem ipsum dolor amet</p>
</div>uj5u.com熱心網友回復：
你可以使用.change事件來獲取事件。而且我還把它分成一個函式，在頁面初始化時進行檢查。
$(document)。 ready(function() {
//Declare function to check value to show/hide value。
var selectChangedFunc = function（） {
if ($('#condition-select').val() == '1000/New with tags') {
$('#condition-description-sec').hide() 。
} else {
$('#condition-description-sec').show()。
}
};
//在加載頁面時呼叫它，以確保它在啟動時隱藏起來。
selectChangedFunc（）。
// 捕獲變化事件以檢查狀態
$('#condition-select'/span>).change(function() {
selectChangedFunc（）。
});
});<script src="https://ajax. googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">< /script>
< select name="condition_id" id="condition-select">
<option value="/span>> 選擇條件</選項>/span>
<option value="1000/New with tags" selected> 新帶標簽</option>。
<option value="1500/New without tags"/span>> 新的無標簽</選項>
<option value="1750/New with defects"/span>> 新的有缺陷的</選項>。
<option value="3000/Used"/span>> Used</option>。
</select>/span>
<div id="condition-description-sec"/span>>
<p>Lorem ipsum dolor amet</p>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/321666.html
標籤：