选择使用jQuery显示文本输入

Question

我正在使用jQuery Mobile,我有一个选择框,其中包含yes和no作为选项.我想要一个文本输入字段,当它们选择是时显示,当它们选择否时它会消失.

jsFiddle链接

<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仅在select设置为Yes时才显示#enter_joint.

Answer 1

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

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