关于onchange操作下拉菜单的快速JavaScript问题

Question

使用smarty，请看下面的代码：

            <select name="unitSelect" class="uniForm" id="unitSelect" style="width:1250px;" onchange="location.href='{$ABS_MANAGER_URL}/managerEditUnit.php?unit_id={$set[i].id}'; return false">
                    <option value="0" selected="selected">Select Unit</option>
                {section name=i loop=$set}
                    <option value="{$set[i].id}" >{$set[i].unitName}</option>
                {/section}
            </select>

我想要的是将选项中的值加载到select onchange“”调用中，对于GET变量...我不知道如何使用javascript ...有什么想法吗？

谢谢。

---

UPDATE

这并不容易，但是在您的一些评论中，我有一条可以奏效，谢谢：

<script type="text/javascript">
    function viewUnit(value) {

        var url = "managerEditUnit.php?unit_id="; 
        url += value;
        document.location.href=url;
    }
</script> 

Answer 1

这是一个例子：

<select onchange="alert(this.options[this.selectedIndex].value)">
    <option value="0">Option 1</option>
    <option value="1">Option 2</option>
    <option value="2">Option 3</option>
</select>

---

编辑：

对不起，重复。

如果要与功能一起使用：

function yourfunction(value) {
    alert(value);
}

当然可以将以上HTML中的alert更改为您的yourfunction 。

Answer 2

您可以通过在onchange事件中执行以下操作来在select对象中获取值：

onchange="alert(this.options[this.selectedIndex]"

由于可以获得该值，因此可以动态建立GET请求。 像这样：

onchange="document.location.href='somepage.php?id=' this.options[this.selectedIndex];"

jQuery使它变得更加容易，您可以使用：

onchange="alert($(this).val())"

Answer 3

应该这样做：

<select onchange="yourfunction(this.options[this.selectedIndex].value);">    

Answer 4

我建议您从下拉列表中选择一个选项时，使用以下方法获取值->

this.value

移到您的javascript意味着->

onchange="JavaScript:userDefinedFunction(this.value);"

例如：：

select name='state' onchange="JavaScript:userDefinedFunction(this.value);"