动态下拉Div使用Jquery

-5

我需要一段代码来创建“其他”下拉选项。基本上，如果有3种颜色选项：红色，绿色，蓝色，我希望它们能够选择其他颜色，当选择一个div时，会出现一个文本框让它们输入下一种颜色。现在发布代码....抱歉的人。以下是我迄今为止尝试：动态下拉Div使用Jquery

<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>

来源

2012-07-09 Refiking

你真的需要尝试而不只是要求我们为你做这项工作....请编辑你的问题，包括你已经尝试过的代码，并且它出错了 – mcgrailm 2012-07-09 17:21:46

I确实尝试过，但没有奏效。我google了，但没有发现任何可以工作的东西，所以我问专家......我需要这个与jquery协同工作。在JavaScript中发现了类似的东西，但不完全是我所需要的。 – Refiking 2012-07-09 17:23:45

http://stackoverflow.com/faq#dontask – 2012-07-09 17:25:03

这里是一个代码段，这里是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(); 
    }); 
});

来源

2012-07-09 17:31:18 Nir

这与我所尝试的非常接近。但我仍然无法实现它的工作。对不起没有意识到我需要发布代码，但我现在会这么做 – Refiking 2012-07-09 18:02:51

所以你说这个例子不起作用？！ – Nir 2012-07-09 20:39:09

这是我的div导致的问题，而不是你的代码。 – Refiking 2012-07-12 01:07:04

动态下拉Div使用Jquery

回答

相关问题