我想从我的PHP页面中的选择菜单中的选择选项上添加一些文本框.这应该是动态的(无需重新编码页)

Question

从选择菜单更改选项时，应在不重新加载页面的情况下更改文本框。

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

我使用了以下示例jQuery代码。选择任何选项时，它要显示为div。但是我希望，如果我选择了另一个选项，则应出现另一个DIV，并应删除先前的DIV。

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

它对我工作..

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