问问题
66708 次
4 回答
16
根据select的值调用函数:
<select onchange="window['display_'+this.value]();">
如果值是"usgs_hour"
串联'display_' + 'usgs_hour' === 'display_usgs_hour'
,则调用该函数。
jsfiddle 演示:http: //jsfiddle.net/Ag3kh/
于 2012-07-08T12:02:38.713 回答
2
对选定值使用开关构造
$('#usgsfeed').change(function () {
swith($(this).val()) {
case 'usgs_hour':
display_usgs_hour();
break;.....
}
})
于 2012-07-08T11:58:40.440 回答
1
看看 jsFiddle 演示:jsfiddle.net/bWdaU/。
它onchange
用来调用函数display_usgs_change
。
我添加了一个临时<div>
的来显示选择工作。
HTML:
<select id="usgsfeed" name="usgsfeed" size="1" onchange="display_usgs_change();">
<option value="usgs_hour">Past hour, all earthquakes</option>
<option value="usgs_day" selected="selected">Past day, magnitude > 1</option>
<option value="usgs_week">Past week, magnitude > 2.5</option>
<option value="usgs_month">Past month, magnitude > 2.5</option>
<option value="none">None</option>
</select>
<div id="dummy">Remove this div!</div>
JS:
function display_usgs_change() {
document.getElementById('dummy').innerHTML = event.target.value;
}
于 2012-07-08T12:19:26.850 回答
1
你确实应该使用onchange!
要在 javascript(不是 jquery)中执行此操作,这将起作用:
JavaScript:
<script type='text/javascript'>
function SelectChanged() {
if (document.aform.usgsfeed.value == "usgs_hour") {
alert("usgs_hour chosen");
else if( ...etc)
}
}
</script>
HTML:
<form name="aform">
<select size="1" name="usgsfeed" id="usgsfeed" onchange='SelectChanged();>
<option value="usgs_hour">Past hour, all earthquakes</option>
<option value="usgs_day" SELECTED>Past day, magnitude > 1</option>
<option value="usgs_week">Past week, magnitude > 2.5</option>
<option value="usgs_month">Past month, magnitude > 2.5</option>
<option value="none">None</option>
</select>
</form>
于 2012-07-08T12:05:06.403 回答