Выберите отображает ввод текста с помощью jQuery

Question

Я использую jQuery Mobile, и у меня есть поле выбора с да и нет в качестве опций.Я хочу, чтобы поле ввода текста отображалось, когда они выбирают yes, и оно исчезает, когда они выбирают no.

jsFiddle link

<fieldset data-role="controlgroup">
<label for="joint">Is this a joint gift?</label>
<select name="slider" id="joint" data-role="slider">
    <option value="no">No</option>
    <option value="yes">Yes</option>
</select> 
<div id="enter_joint">
    <label for="other_joint">Spouse Name:</label>
    <input name="other_joint" id="other_joint" value="" data-theme="d" />
</div>
</fieldset>

Я хочу использовать jQueryтолько для отображения #enter_joint, когда для выбора установлено значение Да.

Answer 1

$('#enter_joint').hide();
$('#joint').change(function(){
    $('#enter_joint').toggle('show');
});

http://jsfiddle.net/aNrea/4/

Answer 2

$(document).ready(function(){
    $('#enter_joint').hide();
    $('#joint').change(function(){
        val = $(this).val();

        if(val == 'yes')
        {
            $('#enter_joint').show();
        }

        if(val == 'no')
        {
            $('#enter_joint').hide();
        }
    });
});

Answer 3

Ответ AlienWebguy будет работать, но я склонен ошибаться в части «проверить значение».Так вот еще немного, который проверяет значение и затем определяет, скрывать или нет текстовое поле.

$(document).ready(function() {
    $("#enter_joint").hide();
    $("#joint").val('no');
    $("#joint").change(function() {
        if ($(this).val() == 'yes') {
            $("#enter_joint").show();
        } else {
            $("#enter_joint").hide();
        }
    });
});

jsfiddle

Answer 4

Альтернативный синтаксис:

$('#enter_joint').hide();
$('#joint').change(function(){
    show = $(this).val() == 'yes';
    $('#enter_joint').toggle(show);
});

Answer 5

попробуйте

$('#joint').change(function(event) { 
    if($('#joint').val() === 'yes') { 
        $('#enter_joint').hide(); } 
    else { $('#enter_joint').show();
          }
});