Javascript 使用数据库信息更改当前页面上的选项onChange

我编写了一个查询，它从数据库中获取用户名，并将它们放入s中，如下所示：

 <?php
    $username_set = get_all_usernames();

    while ($username = mysql_fetch_array($username_set)){
        echo "<option>" .   $username['username'] . ""  . "</option>";
    }
 ?>

这很好，但是现在我想给我的标签添加一个onchange函数。我是这样做的：

<select name="user_result" onChange="top.location.href = this.form.user_result.options[this.form.user_result.selectedIndex].value,'_self';">

---

这也很好，它正在重定向到选定的选项。但我想选择一个选项并停留在同一页面上，显示用户名包含的（即将出现的）信息。但是现在，在下面打印用户名就足够了。

如果您想在更改选择时执行代码，很容易将其包含在javascript函数中。不确定您是想要javascript还是jquery解决方案，所以我将两者都包括在内

纯javascript：

function show_user(data) {
  var el = document.getElementById("show_username").innerHTML = data;
}

jQuery解决方案：

function show_user(data) {
  $("#show_username").html(data);
}

然后在选择更改时调用此函数：

<select name="user_result" onchange="show_user(this.options[this.selectedIndex].value);">
  <option>--select a user--</option>
  <option>username</option>
  <option>username 2</option>
</select>
<div id="show_username">this will update to the selected user name</div>

--选择一个用户--
用户名
用户名2
这将更新为所选用户名

用于普通javascript的JSFIDLE：

jquery的JSFIDLE：