表单 Select 从数据库中读出数据的方法

作者: 来源:HTMer 日期:2010-1-28

我们在做动态网站的时候,往往有的时候需要从数据库中读出一些表单数据显示在页面上,一般情况下表单 input 输入框我们可以很方便的从数据库中读出来,可是 Select 下拉列表确很难直接从数据库中读出来。下面就教大家表单 Select 从数据库中读出数据的方法。

假设有一个表单和 Select 下拉列表代码如下:

<form name="htmer_form" method="post" action="">
<select name="htmer" class="content">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>
</form>

我们只需要在网页中插入如下代码即可让 Select 从数据库中读出数据:

<script type="text/javascript" language="JavaScript">
document.htmer_form.htmer.value="<%=rs("htmer")%>";    //rs("htmer")为数据库中的字段
document.htmer_form.htmer.onchange();     //如果你的Select是联动菜单请加上这一句
</script>

以下为ITPOW编辑注。

以前我们要实现上述效果,一般都是使用类似如下方法:

<option value="A"<%if keyType="A" then response.Write(" selected")%>>A</option>
<option value="B"<%if keyType="B" then response.Write(" selected")%>>B</option>
<option value="C"<%if keyType="C" then response.Write(" selected")%>>C</option>
<option value="D"<%if keyType="D" then response.Write(" selected")%>>D</option>

这种方法的好处是不使用 JS,但坏处是写起来很累。

阅读了本文后,相应您应该有了更简便的方法来实现相同的效果,注意本文中 document.htmer_form.htmer.value="<%=rs("htmer")%>"; 这句没有考虑 ASP 输出特殊字符的情况,比如输出一个引号,就会引发 JavaScript 错误。解决办法请参见:ASP 字符串输出为 JS 字符串的三点注意

本文兼容于 IE、Firefox、Chrome 等浏览器。

相关文章