javascript onclick警报在chrome中不起作用 历史1 历史2 清晰的历史

有人能帮我写这个剧本吗？ 我希望每当用户单击history 1时，它都会向h1发出警报

---

该脚本可以在firefox和IE中使用，但不能在Chrome中使用：（

对选择列表使用onchange而不是onclick

<select name="history" id="history" >
 <option value="history 1" onClick="alert('h1');">history 1</option>
 <option value="history 2" onClick="alert('h2');">history 2</option>
 <option value="clearhistory" onClick="this.form.submit();" >Clear History</option>
</select>

历史1
历史2
清晰的历史
函数historyChanged（）{
var historySelectList=$（'select#history'）；
var selectedValue=$（'option:selected'，historySelectList）.val（）；
警报（selectedValue）；
如果（selectedValue==“clearHistory”）{
historySelectList.form.submit（）；
}
}
$（函数（）{
警报（“我的警报”）；
$（'select#history'）.change（historyChanged）；
});

在select上使用onChange，而不是每个选项

历史1
历史2
清晰的历史

---

警报（this.value）是指当前选定的select中选项的值。

如果要对Chrome中的option元素（IE等）使用

onClick

，则必须使用短修复程序：将select元素的

onChange

属性设置为

“this.options[this.selectedIndex].onClick（）”

在某些浏览器中

第二次选择相同的选项

无onchange事件抛出

这有助于：

<select name="history" id="history" onChange="alert(this.value);">
 <option value="history1">history 1</option>
 <option value="history2">history 2</option>
 <option value="clearhistory">Clear History</option>
</select>

选择你的计划
计划1
计划2
计划3

虽然选定的解决方案有效，但这里有一种更清晰、更简单的方法：

<select onchange="alert/*orwhateveryoudowith:*/(this.value);/*but set:*/this.selectedIndex=0">
<option disabled selected>Choose your Plan</option>
<option value=1>Plan 1</option>
<option value=2>Plan 2</option>
<option value=3>Plan 3</option>
</select>

历史1
历史2
清晰的历史
$（文档）.ready（函数（）{
$（'#history'）。在（'change'，function（）上{
如果（this.value=='history 1'）
{
警报（“h1”）；
//你也可以在这里做任何事
}
如果（this.value=='history 2'）
{
警报（“h2”）；
//你也可以在这里做任何事
}
if（this.value==“clearhistory”）
{
这个.form.submit（）；
//你也可以在这里做任何事
} 
});
});

太棒了！这已经折磨了我好几个小时了！非常感谢！

<select onchange="alert/*orwhateveryoudowith:*/(this.value);/*but set:*/this.selectedIndex=0">
<option disabled selected>Choose your Plan</option>
<option value=1>Plan 1</option>
<option value=2>Plan 2</option>
<option value=3>Plan 3</option>
</select>

<select name="history" id="history" >
<option value="history 1">history 1</option>
<option value="history 2">history 2</option>
<option value="clearhistory">Clear History</option>
</select>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#history').on('change', function() {
  if ( this.value == 'history 1')
  {
   alert('h1');
  // You can also do anything here
  }
  if ( this.value == 'history 2')
  {
   alert('h2');
  // You can also do anything here
  }
  if ( this.value == 'clearhistory')
  {
   this.form.submit();
  // You can also do anything here
  } 
  });
});
</script>