<s:doubleselect
tooltip="选择城市操作"
label="请选择城市"
name="city"
list="cityBeans"
listKey="cityid"
listValue="cityname"
doubleList="areaMap[top.cityid]"
doubleName="area"
doubleListKey="areaid"
doubleListValue="areaname"
/>
</td>
</tr>
</table>
</s:form>
doubleselect属性说明:
tooltip指显示图标的显示文字
label 指生成组件前的标签文字
name 指第一个下拉框的表单name属性
list 指第一个下拉框的集合
listKey 指第一个下拉框的选项的键值 提交后天的值 --对应集合里单个对象里面的属性
listValue 指第一个下拉框中的选项显示值 --对应集合里单个对象里面的属
doubleList 指第二个下拉框要使用的集合
doubleName 指第二个下拉框的表单name属性
doubleListKey 指第二个下拉框中的选项中的键值 --对应集合里单个对象里面的属性
doubleListValue 指第二个下拉框中的选项显示值 --对应集合里单个对象里面的属性
上面jsp代码出来的效果是两个下拉框分两行显示的如何让它们一行显示呢?比较简单的做法是:
定义样式:
<style type="text/css">
.doubleselect br{
display: none;
}
< /style>
< div class="doubleselect">把<s:form>的代码放进来就好啦</div>
转载于:http://zhfa62560.blog.163.com/blog/static/10770245420119209930208/
本文介绍了一种在网页中实现双级联下拉框的方法,并通过定义特定的CSS样式来使得这两个下拉框能在同一行内显示,提高了用户体验。
&spm=1001.2101.3001.5002&articleId=8975701&d=1&t=3&u=c5a9d8dd15d74b1bad65b224213a17c4)
9080

被折叠的 条评论
为什么被折叠?



