javascript-events - 如何将运行我的脚本的文本链接更改为下拉链接？

Question

我有一个 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>    

我想将链接更改为下拉（选择 - 选项）表单字段。

任何帮助我走向正确方向的帮助将不胜感激。

Answer 1

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

Usingthis.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使用适当的参数调用该函数。