从ajax，php下拉列表中显示不同的文本视图

Question

我想从一个下拉列表中显示不同的文本视图。

<select id="selector">
<option value="opt0"  id="opt0">select menu</option>`enter code here`
<option value="opt1"  id="opt1">fruit</option>
<option value="opt2"  id="opt2">vegetable</option>
<option value="opt3"  id="opt3">drink</option>

如果我选择水果，则有文字视图a，b

如果我选择蔬菜，则有文本视图c，d

如何使用ajax进行扫描？

Answer 1

这可能会给你一些想法。如果我正确理解你的问题。

HTML：

<select id="selector">
<option value="opt0"  id="opt0">select menu</option>
<option value="opt1"  id="opt1">fruit</option>
<option value="opt2"  id="opt2">vegetable</option>
<option value="opt3"  id="opt3">drink</option>
</select>

<div id="appendHere">

</div>

JQUERY

$('#selector').change(function(){

 var selectValue = $(this).val();
 if(selectValue == 'opt1'){
  $('#appendHere').empty();
  $('#appendHere').append("<input type='text' class='fruit' name='a' />"); 
  $('#appendHere').append("<input type='text' class='fruit' name='b' />"); 

 }else if(selectValue == 'opt2'){
  $('#appendHere').empty();
  $('#appendHere').append("<input type='text' class='vegetable' name='c' />"); 
  $('#appendHere').append("<input type='text' class='vegetable' name='d' />");
 }

});