如何根据查询返回选择 html 下拉列表

How to select html dropdown based on query return

本文关键字：选择 html 下拉列表 返回 查询 何根      更新时间：2023-09-26

我有一个html下拉列表（它的纯html）。我需要根据查询结果选择值。喜欢这个：

<select name="state" class="formField">
    <option value="">Select a State</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>    
    <option value="CA">California</option>  
    <option value="CO">Colorado</option>    
    <option value="CT">Connecticut</option> 
    <option value="DE">Delaware</option>    
    <option value="DC">District Of Columbia</option>
</select>

因此，如果对某个用户的查询将状态返回为"CT"，我需要下拉列表中的选定值为 CT，除了检查每行上的 if 语句之外，还有什么方法可以做到这一点吗？

更简单的

方法是创建一个表，或列表，然后使用cfselect标签创建您的选择： 

<cfquery name = "GetAllStates" dataSource = "cf_states"> 
    SELECT code, name
    FROM states
</cfquery> 
<cfselect 
    name="state"
    required="Yes"
    message="Select a State"
    selected="User.State"
    query="GetAllStates"
    display="name"
    value="code"> 
    <!--- Add your default option. --->
    <option value="">Select a State</option> 
</cfselect>

有关 cfselect 的更多详细信息，请点击此处。

如果您无法创建 ColdFusion 表或列表，另一个选择是使用 jQuery，如下所示： 

<script type="text/javascript">
$("select[name='state'] option[value=" + <cfoutput>#User.State#</cfoutput> + "]").attr('selected','selected');
</script>
相关文章：