动态显示select的option默认显示。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态显示select的option默认显示。相关的知识,希望对你有一定的参考价值。

<select name="xq" id="xq">
<option value="1">七年级第一学期</option>
<option value="2">七年级第二学期</option>
<option value="3">八年级第一学期</option>
<option value="4">八年级第二学期</option>
<option value="5">九年级第一学期</option>
<option value="6">九年级第二学期</option>
</select>

在ASP中有一个上面的下拉表单,我想实现:每点一个选项提交后,以后就默认显示这个选项。比如我点了八年级第二学期,提交以后就默认显示八年级第二学期,再点其他选项,又会默认显示其他选项。

请高手指点!谢谢!
谢谢smancn的指点,这种方法太好了,很简单!但是一开始却是空的,我想一开始显示第一个,怎样实现?

参考技术A 谢谢smancn的指点,这种方法太好了,很简单!但是一开始却是空的,我想一开始显示第一个,然后才点了哪个就显示哪个,怎样实现? 参考技术B <select name="xq" id="xq">
<option value="1">七年级第一学期</option>
<option value="2">七年级第二学期</option>
<option value="3">八年级第一学期</option>
<option value="4">八年级第二学期</option>
<option value="5">九年级第一学期</option>
<option value="6">九年级第二学期</option>
</select>
<script>
<%
Dim xq
xq = Request("xq")
if xq = "" Then xq="1"
%>
document.getElementById("xq").value='<%=xq%>'
</script>本回答被提问者采纳

怎样设置select下拉框的默认值,其中option里面是从一个list得到的,需要全部显示出来,默认的值是从另一个

list查出来的一条记录,即上面那个option的默认值
<select class="checkbox" style="width: 120px;"
name="slOpicsManager.costcent" id="costcent">
<option value=""></option>
<option selected="selected" value="<s:property value='#cost.costcent'/>">
<s:property value="%costcent"/>
</option>
<s:iterator value="%costList" id="cost">
<option value="<s:property value='#cost.costcent'/>">
<s:property value="#cost.costcent"/>
</option>
</s:iterator>
</select>

<option value="0" selected="selected">默认值</option>

要默认的 加上 selected="selected"。


<option selected="selected" value="<?php echo $result['genrename'];?>"><?php echo $result['genrename']; ?></option>


默认的值是上个option得到的,程序中没有<option selected="selected" value="<s:property value='#cost.costcent'/>">的。

效果是如果yc的值等于0,select默认选中否,如果等于1,则默认选中是。

不使用控件。

拓展资料:

background-color是用来设置元素的背景颜色。

ex:

<div style="background-color:red; width:200px; height:200px;"></div>。

参考技术A <select>
<option>默认值</option>
</select>
selected="selected" 有这个的话就会选中,如果没有这个selected,那么会自动选中第一个<option>值</option>
这个操作比较复杂,不能直接得到,需要通过AJAX程序来处理,通过第一个select动作,用程序处理返回选中的值,然后第二个select根据前一个值处理反回结查,查询数据库取得值后再显示出来。
<select id="select1"> <option value="1">val1</option> <option value="2">val2</option> <option value="3">val3</option></select><script type="text/javascript"> var select1 = document.getElementById("select1"); select1.value = 3;//方式1 select1.selectedIndex = 1;//方式2</script>。
参考技术B 若前端:
<select id="selectSport" ruanat="server">
<option selected="selected" value="0">--请选择-- </option>
<option value="篮球">篮球 </option>
<option value="足球">足球 </option>
</select>

若后端:
selectSport.Items.Insert(0,"--请选择--");

说明:(key,value) key是索引值,value是显示在下拉框的值。
参考技术C $("#eventLevel option[value='3']").attr("selected","selected"); 参考技术D 第二十六回 袁本初败兵折将 关云长挂印封金第二十七回 美髯公千里走单骑 汉寿侯五关斩六将

以上是关于动态显示select的option默认显示。的主要内容,如果未能解决你的问题,请参考以下文章

如何在 ion-select-option 中动态设置默认值

angularjs select通过动态加载option有空白项的处理方法-

用JS怎么给select标签设置动态的默认值

怎么在动态添加select下拉框中 选择一个默认的option

bootstrap-select问题,动态传入option

jquery怎么根据value来动态选中select下的option