秀場如果選擇某個選項值 - 必須在頁面加載

Question

這genius code工作的複選框正常工作：

$(document).ready(function() { 
    $("#Languages-spoken-and-understood-8").change(function() { 
     $("#li-2-21")[$(this).is(":checked") ? 'show' : 'hide']("fast") 
    }).change(); 
}); 

我愛的是它工作的onload。

我試圖修改它的選擇框。代碼由wordpress上的cforms自動生成。

<select name="Severity-of-your-symptoms" id="Severity-of-your-symptoms" class="cformselect" > 
    <option value="full01_severity_notselected" selected="selected">Please select...</option> 
    <option value="Mild">Mild</option> 
    <option value="Moderate">Moderate</option> 
    <option value="Severe">Severe</option> 
    <option value="full01_severity_other">Other</option> 
</select> 

這是我的嘗試：

$('#Severity-of-your-symptoms').change(function() { 
    $("#li-10-14")[("#Severity-of-your-symptoms[value='full01_severity_other']").attr('selected', 'selected') ? 'show' : 'hide']("fast") 
    });change(); 

顯然它不工作。只有選擇「其他」，纔會出現文本框。 有沒有辦法再次使用那個漂亮的代碼或者我需要更大的功能？

謝謝！

Answer 1

就快，這將是做的更短的方式：

$('#Severity-of-your-symptoms').change(function() { 
    $("#li-10-14")[$(this).val() == "full01_severity_other" ? 'show' : 'hide']("fast"); 
}).change(); 

You can give it a try here。

獲取或設置<select>（或任何其他輸入類型元素）的值時，可以使用.val()。如果有人想要這個沒有動畫，它看起來像這樣：

$('#Severity-of-your-symptoms').change(function() { 
    $("#li-10-14").toggle($(this).val() == "full01_severity_other"); 
}).change();