Как отобразить текстовое поле «другое» выбрано в поле со списком?

Question

Вот код моей программы:

<div id="sp"> 
    <div style="line-height:22px;background:#fafafa;padding:5px;">Select a language</div> 
    <div style="padding:10px"> 
     <input type="radio" name="lang" value="01"><span>Java</span><br/> 
     <input type="radio" name="lang" value="02"><span>C#</span><br/> 
     <input type="radio" name="lang" value="03"><span>Ruby</span><br/> 
     <input type="radio" name="lang" value="04"><span>Basic</span><br/> 
     <input type="radio" name="lang" value="05"><span>Other</span> 
    </div> 
</div> 
<script type="text/javascript"> 
    $(function(){ 
     $('#sp').appendTo($('#cc').combo('panel')); 
     $('#sp input').click(function(){ 
      var v = $(this).val(); 
      var s = $(this).next('span').text(); 
      $('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel'); 
     }); 
    }); 
</script> 

Если пользователь выбирает опцию «Other» радиокнопку Я хочу, чтобы отобразить текстовое поле, так что пользователь может ввести имя другого языка.

Answer 1

вы имеете в виду что-то вроде этого

<span class='other'>Other</span> //add a class 

$("#sp .other").click(function(){ 
    $("<input type='textbox' name='other'/>").insertAfter($(this)) 
}) 

Answer 2

Я надеюсь, что следующий код будет вам ГПУ.

<div id="sp"> 
    <div style="line-height: 22px; background: #fafafa; padding: 5px;">Select a language</div> 
    <div style="padding: 10px"> 
     <input type="radio" name="lang" value="01"><span>Java</span><br /> 
     <input type="radio" name="lang" value="02"><span>C#</span><br /> 
     <input type="radio" name="lang" value="03"><span>Ruby</span><br /> 
     <input type="radio" name="lang" value="04"><span>Basic</span><br /> 
     <input type="radio" name="lang" value="05"><span>Other</span> 
    </div> 
</div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#sp').change(function() { 
      var selectedValue = $('#sp :radio:checked').val(); 

      if (selectedValue == "05") { 
       var addedlangualge = prompt('Add New Language :'); 

       $('#sp').append('<input type="radio" name="lang" value="' + addedlangualge + '" checked="checked"><span>' + addedlangualge + '</span>'); 
      } 
     }); 
    }); 
</script>