1

次を使用して同じページの出力を変更するJavaScriptがあります。

<"a href="#" onclick="change('Bob','0','0','2','2','1','0','0')">Bob</a>
<"a href="#" onclick="change('Sam','0','0','2','2','1','0','0')">Sam</a>
<"a href="#" onclick="change('Ted','0','0','2','2','1','0','0')">Ted</a>    

リンクをドロップダウン (選択 - オプション) フォーム フィールドに変更したいと思います。

私を正しい方向に導く助けがあれば幸いです。

4

1 に答える 1

0
<select size="1" onchange="change(this.value, '0','0','2','2','1','0','0')">
    <option>Bob</option>
    <option>Sam</option>
    <option>Ted</option>
<select>

を使用this.valueすると、現在選択されている選択ボックスのオプション (Bob、Sam、または Ted) が表示されます。


編集

関数に異なるパラメーターを渡したい場合は、次のようにできます。

Javascript:

function selectValueChanged(value){
    switch(value){
        case "Bob":
            change('Bob','-1','0','2','4','6','0','0');
            break;
        case "Sam":
            change('Sam','0','-2','3','5','1','0','2');
            break;
        case "Ted":
            change('Ted','2','1','4','2','3','2','0');
            break;
    }
}

HTML:

<select size="1" onchange="selectValueChanged(this.value)">
    <option>Bob</option>
    <option>Sam</option>
    <option>Ted</option>
<select>

したがって、選択した値を に渡すselectValueChangedと、この関数はchange適切なパラメーターを使用して関数を呼び出します。

于 2013-02-08T05:13:40.187 に答える