Javascript html上的MouseUp（）事件选择不工作

因此，我有一个国家列表，显示为带有

select

元素的下拉列表

这是我的HTML：

<select id="myList">
 <option>United States</option>
 <option>France</option>
 <option>Great Britain</option>
 <option>China</option>
 <option>Russia</option>
</select>

<span id="selectedCountry"> </span>

奇怪的是，这段代码触发了一个

.mousedown（）

/

.click（）

事件，但不是我想要它做的事情

关于如何使用

mouseup（）

获取select元素的值，您有什么想法吗

ps：我知道一个

focusout（）

事件会产生类似的结果（），但我想了解关于

select

元素和

mouseup（）

事件是否有特定的内容

---

谢谢

我个人会使用

.mouseup（）

事件在Chrome和Firefox之间的行为略有不同。另外，如果以编程方式更改值，

.mouseup（）

事件将不会捕获对值的更改，但是

.change（）

事件将捕获该更改

$("#myList").change(function() {

   var val = $(this).val();
   $("#selectedCountry").text(val);

});

---

MouseUp事件处理Javascript“MouseUp”事件。您试图实现的目标应该由一个事件来完成，因为当您更改浏览器中的下拉列表值时，它实际上会触发。

为什么不在更改时使用

onchange

event？就我而言，它在这里似乎对我很好：@Winestone:可能与浏览器相关，但您的小提琴为我生成了mousedown（）事件（使用最新版本的Chrome for OsX）@clecai我在windows上使用Chrome，所以它应该是一样的，你说的mousedown事件是什么意思？那么你怎么说它是mousedown而不是mouseup呢？@Winestone，我说的mousedown是指当我按下鼠标按钮时，而不是当我释放它时，国家名称被打印到dom上。如果你点击vario，你可以看出区别美国国家：单击1：法国->没有任何内容打印到DOM单击2：中国->将“法国”打印到DOMDOM@dfsq+robbmj:Cool！.change（）确实是个不错的活动，以前没想过使用它。谢谢大家

$("#myList").change(function() {

   var val = $(this).val();
   $("#selectedCountry").text(val);

});