javascript - 下拉菜单，选择一项时调用一个函数，选择另一项时调用另一个函数

Question

我有一个下拉菜单，其中显示数据库中的一些值。正如您所看到的，我在选择元素的 onchange 上调用了函数 callfunc() 。最初，“选择我显示第 1 页”保持默认选中状态。当有人选择其他内容时，将调用 callfunc()。该所选项目的值为传递给函数。此功能使用 AJAX 显示另一个页面的内容。这很好用。但我想实现一些别的东西。我想打电话选择“选择我显示第 1 页”时的另一个功能。我没能成功做到这一点。所以，这就是场景。当用户选择任何其他选择时除了从下拉列表中“选择我显示第 1 页”项之外，还会调用 callfunc()。如果选择“选择我显示第 1 页”，则调用另一个函数，例如 .. abc();

<select name="selectme"  onchange="page2(this.value)">

    <option value="anothervalue" selected="selected">Choose me to show page1</option>

    <?php
    foreach($val_array3["from_db"] as $key3=>$value3)
    {
    $vvv=$value3['val_from_db'];
    ?>

    <option value="<?php echo $vvv ?>">Choose me to show page2</option>

    <?php } ?>

    </select>

Answer 1

检查这个 Demo Fiddle 。

您正在 page2(this.value) 中传递 this.value。所以在这个函数中，

function page2(value){

    if(value == 'anothervalue'){   //anothervalue is the value of the first default option.
        abc();
    }
    else{
        //your default function.
    }
}