如何 select html 下拉列表基于查询 return
How to select html dropdown based on query return
我有一个 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>
所以如果查询某个用户 returns 状态为 'CT',我需要在下拉列表中选择的值是 CT,除了检查 if 语句之外还有什么办法吗每行?
更简单的方法是创建一个 table,或列出您的状态并使用 cfselect 标签创建您的 select:
<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>
More details about cfselect here.
如果您无法创建 ColdFusion table 或列表,另一种选择是使用 jQuery,如下所示:
<script type="text/javascript">
$("select[name='state'] option[value=" + <cfoutput>#User.State#</cfoutput> + "]").attr('selected','selected');
</script>
我有一个 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>
所以如果查询某个用户 returns 状态为 'CT',我需要在下拉列表中选择的值是 CT,除了检查 if 语句之外还有什么办法吗每行?
更简单的方法是创建一个 table,或列出您的状态并使用 cfselect 标签创建您的 select:
<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>
More details about cfselect here.
如果您无法创建 ColdFusion table 或列表,另一种选择是使用 jQuery,如下所示:
<script type="text/javascript">
$("select[name='state'] option[value=" + <cfoutput>#User.State#</cfoutput> + "]").attr('selected','selected');
</script>