jquery - 使用 Jquery 的动态下拉 div

Question

我需要一段代码来创建“其他”下拉选项。基本上，如果有3个颜色选项：红色| Glue |蓝色，我希望它们能够选择其他以及选择的Div时，有一个文本框供他们输入下一个颜色。现在发布代码......对不起人们。这是我到目前为止所尝试的：

<label class="desc">
                                    Operating System:
                                </label>
                                <div><select name="os" id="os"><option value="1" selected = "selected">Windows 98</option>

Windows ME 新建

<script type="text/javascript">
$(document).ready(function(){
  $('#os').change(function(){
    if($(this).val() == 'other')
      $('#otheros').show();
    else
      $('#otheros').hide();
  });
});
</script>

Answer 1

这是一个代码片段，这是演示

#otherOption
{
    display:none;
    margin-left:5px;
}

<select id='ddlColors'>
    <option value = 'red'>red</option>
    <option value = 'blue'>blue</option>
    <option value = 'other'>other</option>
</select>
<div id='otherOption'>
    <input type='text' />
</div>

    $(document).ready(function(){
    $('#ddlColors').change(function(){
        if($(this).val() == 'other')
            $('#otherOption').show();
        else
            $('#otherOption').hide();
    });
});​