绑定更改处理到select
并在处理程序中所需的内容加载到内容div
,例如
HTML
<select id="company">
<option value="o">Select a company?</option>
<option value="1">Nestle</option>
<option value="2">AMCO</option>
<option value="3">ANSA Mcal</option>
<option value="4">Minstry of Education</option>
</select>
<div id="content"></div>
的JavaScript
$('#company').on('change', function(){
var url;//url with company information to display
switch ($(this).val()){
case 1:
url = '/nestle-info';
break;
case 2:
url = '/amco-info';
break;
case 3:
url = '/ansa-info';
break;
case 4:
url = '/moe-info';
break;
default:
return;
}
$('#content').load(url);
});