Question

我需要一段代码来创建“其他”下拉选项。基本上，如果有3个颜色选项：红色|绿色|蓝色，我希望它们能够选择其他颜色，当选择时，div会出现一个带有文本框的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

这是一个代码段，这里是demo

#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();
    });
});

使用Jquery的动态下拉分区

1 个答案: