質問する
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
実際に onchange を使用する必要があります。
これを(jqueryではなく)javascriptで行うには、次のようにします。
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 に答える
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 に答える