我想在我的PHP页面的选择菜单中的选择选项上添加一些文本框。 这应该是动态的（没有展开页面）

Question

On changing options from select menu the no of text boxes should be changed without reloading the page.

 <select id="options">
   <option >Select</option>
    <option value="first_div">first_div</option>
     <option value="second_div">second_div</option>
      <option value="third_div">third_div</option>
       <option value="fourth_div">fourth_div</option>
        <option value="fifth_div">fifth_div</option>
 </select>

I used following Sample Jquery code. on selecting any option it goes to display div. But i want that if i select another option the another div should appears and previous should be removed.

$(function() { var selector = { options : '#o1' } $('#options').bind('change', function() { var h = $(this).val(); if (h) { $(selector[$(this).attr('id')]).find('> o1').each(function() { $(this).toggle(h == $(this).data('select-value')) .attr('disabled', (h != $(this).data('select-value'))); }); $(selector[$(this).attr('id')]).find('option:visible').eq(0).attr('selected', true); $(selector[$(this).attr('id')]).show(); } }); });`

Answer 1

Its working to me..

$(function() { var selector = { options : '#o1' } $('#options').bind('change', function() { var h = $(this).val(); if (h) { $(selector[$(this).attr('id')]).find('> o1').each(function() { $(this).toggle(h == $(this).data('select-value')) .attr('disabled', (h != $(this).data('select-value'))); }); $(selector[$(this).attr('id')]).find('option:visible').eq(0).attr('selected', true); $(selector[$(this).attr('id')]).show(); }
}); });