0

この入力をドロップダウンメニューに変更したい。

<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>

誰かがこの構造を変更することについて私を助けることができますか？

4

1 に答える 1

0

これはあなたがそれをするべき方法です。

   <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>

ショーのように、インラインイベントハンドラーの練習は推奨されていません。より良いアプローチは

document.getElementByid("selectboxid").onchange = function() {
    $('#pb1').progressBar(this.value);
};

ただし、すでにjQueryを使用しているため

$("#selectboxId").change(function() {
    $('#pb1').progressBar(this.value);
});
于 2012-04-17T07:57:26.557 に答える