顯示不同的文本視圖從下拉列表中的AJAX，PHP

我想從一個下拉列表中顯示不同的文本視圖。顯示不同的文本視圖從下拉列表中的AJAX，PHP

<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

我如何CCAN用Ajax做呢？

來源

2015-07-22 Anita Intansia Hutagaol

什麼叫文本視圖是什麼意思？你在哪裏得到那些a，b，c？他們是什麼？爲什麼你需要使用Ajax？ –

我的意思是a，b，c只是文本視圖 –

這可能會給你一些想法。如果我正確理解你的問題。

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' />"); 
} 

});

來源

2015-07-22 08:05:24

它的作品，謝謝..但如何使水果和蔬菜之間的輸入類型文本不成爲堆棧？如果我選擇選項「水果」輸入文本a和b可見，然後如果我選擇選項「飲料」輸入文本c和d也可見和堆疊輸入文本a和b下面。我想讓如果我選擇選項水果只有a和b和選項只喝c和d –

@AnitaIntansiaHutagaol它很容易，你只需要添加'$（'＃appendHere'）。empty（）;'...我認爲你可以自己做休息.. =）如果這有助於你檢查和標記起來..謝謝=） –

非常感謝：D –

顯示不同的文本視圖從下拉列表中的AJAX，PHP

回答

相關問題