在jsp页面中显示下拉列表的选定值
display selected value of the drop down in jsp page
我想显示所选的值。在文本字段中,我可以将其显示在下方的值内
value ="<%=event_data.getE_venue()%>"
代码:
<input type="text" name="where" placeholder="Add a place" size="23" value ="<%=event_data.getE_venue()%>"/>
<select name="category" value ="<%=event_data.getE_target_category()%>" id="single1">
<option>Sports</option>
<option>Corporate</option>
<option>Religious</option>
<option>Music</option>
</select>
但在下拉框中它不起作用。请帮帮我,谢谢。。
首先,选择不能以这种方式工作,您需要将所选属性放在与您的输入匹配的选项中。
例如:<option selected='selected'>Sports</option>
检查这个小提琴:
http://jsfiddle.net/ZLTS7/
你的代码应该是这样的:
<input type="text" name="where" placeholder="Add a place" size="23" value ="<%=event_data.getE_venue()%>"/>
<select name="category" id="single1">
<option <%= (event_data.getE_target_category().equals("Sports")?"selected='selected'":"") %>>Sports</option>
<option <%= (event_data.getE_target_category().equals("Corporate")?"selected='selected'":"") %>>Corporate</option>
<option <%= (event_data.getE_target_category().equals("Religious")?"selected='selected'","") %>>Religious</option>
<option <%= (event_data.getE_target_category().equals("Music")?"selected='selected'":"") %>>Music</option>
</select>
您需要通过Javascript或jQuery更改下拉值。您可以像输入一样将所需值分配给下拉列表
var dd = document.getElementById('single1');
var opts = ddl.options.length;
var value = <%=event_data.getE_venue()%>;
for (var i=0; i<opts; i++){
if (dd.options[i].value == value){
dd.options[i].selected = true;
break;
}
}
或者如果您使用的是jQuery。
$("#single1").val(value);
参见此示例:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slectboxid option').click(function(){
$('#textboxid').val($(this).val());
});
});
</script>
</head>
<body>
<form action="#" method="post">
<select name="select" id="slectboxid">
<option value="test">test</option>
<option value="test2">test2</option>
</select>
<input type="text" name="text" id="textboxid" />
</form>
</body>
</html>
相关文章:
- 如何在按钮中显示下拉列表中选定的元素
- 根据前两个下拉ID显示第三个下拉列表
- 根据用户从下拉列表中的选择显示多个文本框
- jQuery下拉列表未显示第一个选项
- AngularJS下拉列表未显示所选值
- 引导程序下拉列表显示不正确
- 使用2个下拉列表显示/隐藏分区
- 在html中显示任一下拉列表
- 选中复选框时如何显示/隐藏下拉列表
- 需要在 html 中使用两个下拉列表来显示不同的 json 值
- 显示基于第一个下拉列表的第二个下拉列表不起作用
- HTML 表单字段根据从下拉列表中选择的选项显示/隐藏
- 剑道网格编辑内联下拉列表不显示
- 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url
- 触发 html5 输入数据列表下拉列表显示
- 使用下拉列表显示/隐藏
- 通过选择一个下拉列表显示两个不同的值
- JavaScript链式下拉列表显示/隐藏一个Div
- 下拉列表显示[对象对象],而不是使用击倒值
- 加载时,剑道下拉列表显示DataValueField在DataTextField之前