Скрыть поле, основанное на значении окна выбора

Question

Я использую Rails 3.1, и я представляю форму. У меня есть дополнительное поле, которое я хочу видеть только, если пользователь выбирает «Другое» в поле выбора. В настоящее время я показываю дополнительное поле, когда выбрано другое, но если пользователь сохраняет свой выбор при перезагрузке страницы, он снова не загружает дополнительное поле, даже если поле выбора - другое.

Here is the jQuery

$(document).ready(function() { 
    $('#user_gender_custom').hide(); 
    $("#user_gender").change(function() { 
     if ($("#user_gender").val() == "custom") $("#user_gender_custom").show(); 
     else $("#user_gender_custom").hide(); 
    }); 
}); 

Если удалить первоначальный $('#user_gender_custom').hide(); он всегда загружает дополнительное поле на странице загрузки, даже если выбрать значение поле не Другое.

Может ли кто-нибудь показать мне, как правильно это сделать? Помощь будет очень оценена.

Answer 1

Если проблема только начальная нагрузка (поле всегда показано), может быть, имеет смысл сделать что-то вроде этого:

function toggle_custom() { 
    if ($("#user_gender").val()=="custom") 
    $("#user_gender_custom").show(); 
    else 
    $("#user_gender_custom").hide(); 
} 

$(function() { 
    toggle_custom(); 
    $("#user_gender").change(function() { 
    toggle_custom(); 
    }); 
}); 

Answer 2

$(document).ready(function() { 
 
    $("#user_gender").val("custom") 
 
    $('#user_gender_custom').hide(); 
 
    
 
    $("#user_gender").change(function() { 
 
     if ($("#user_gender option:selected").val() == "custom") $("#user_gender_custom").show(); 
 
     else $("#user_gender_custom").hide(); 
 
    }); 
 
    $("#user_gender").change(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id='user_gender'> 
 
    <option val=''></option> 
 
    <option val=''>custom11</option> 
 
<option val='custom'>custom</option> 
 

 
</select> 
 
<input type='text' id='user_gender_custom'/>

Пожалуйста, добавьте на изменения вручную. Чтобы функция изменения была вызвана при загрузке