Question

我编写了一个查询，它接受来自数据库的用户名，并将它们放在如下：

 <?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';">

也可以正常工作，它会重定向到所选的选项。但我想选择一个选项并保持在同一页面并显示用户名包含的（即将到来的）信息。但是现在打印下面的用户名就足够了。

Answer 1

如果你想在更改选择时执行代码，很容易将其包含在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>

jsfiddle for plain javascript：http://jsfiddle.net/CwFs5/

jsfiddle for jquery：http://jsfiddle.net/5PuX3/

使用数据库信息选择onChange在currentpage上

1 个答案: