Javascript 下拉列表而不是a href

我想将此输入更改为下拉菜单

<a href="#" onclick="$('#pb1').progressBar(5);">5</a> |
<a href="#" onclick="$('#pb1').progressBar(60);">60</a> |
<a href="#" onclick="$('#pb1').progressBar(100);">100</a>

下拉示例…不工作

<form action="#" name="progress" onclick="$('#pb1').progressBar(10);">
   <select name="dropdown">
    <option name="radOne" value="$('#pb1').progressBar(5);" selected>5</option>
    <option name="radOne" value="$('#pb1').progressBar(60);">60</option>
    <option name="radOne" value="$('#pb1').progressBar(100);">100</option>
   </select>
</form> 

---

有人能帮我改变这个结构吗？

这是你应该做的

   <select name="dropdown" onchange="$('#pb1').progressBar(this.value);">
    <option name="radOne" value="5" selected>5</option>
    <option name="radOne" value="60">60</option>
    <option name="radOne" value="100">100</option>
   </select>

但是，由于您已经在使用jQuery

$("#selectboxId").change(function() {
    $('#pb1').progressBar(this.value);
});

---

既然已经有了jQuery，为什么还要使用普通DOM方法？！因为他已经在使用它了，至少我不知道还有另一个js框架使用了$'selector'，而且混用这两个世界太难看了。@ThiefMaster，我不想浪费你的建议，所以更新：@ThiefMaster:Mootools也使用了$'selector”：

$("#selectboxId").change(function() {
    $('#pb1').progressBar(this.value);
});