動態下拉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

回答

相關問題