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

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>

使用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函数。