Question

我有一个简单的选择选项框，其内容是从PHP脚本生成的。我看起来像这样

<form action="php/reloadNewList.php" method="POST">
    <select name="listToGo" onchange="redirect(this.form.value)">
    <?php 
    include('php/getMyList.php');
    getList(); 
    ?>
    </select>
</form>

生成的列表看起来很好

<option value="1">Hello</option>
<option value="12">Smelly</option>
etc

我的JS脚本也很简单

function redirect(value)
{
    var x=value.selectedIndex;
    alert("listToGo="+x + "\nValue = "+value);
    document.cookie = "ListCookie="+x;
    window.location.reload();
}

我遇到的问题是onchange没有响应下拉列表中的更改。

Answer 1

尝试改变：

<select name="listToGo" onchange="redirect(this)">

和

function redirect(slct)
{
    console.log(slct)
    var x=slct.selectedIndex;
    var value = slct.value;
    alert("listToGo="+x + "\nValue = "+value);
    document.cookie = "ListCookie="+x;
    window.location.reload();
}

JSFiddle：http://jsfiddle.net/cherniv/YyUwR/1/

Answer 2

尝试使用此 -

<select name="listToGo" onchange="redirect(this.value);">

onchange事件未被触发

2 个答案: