在jsp页面中显示下拉列表的选定值答案

【问题标题】：display selected value of the drop down in jsp page在jsp页面中显示下拉列表的选定值
【发布时间】：2013-07-25 06:07:07
【问题描述】：

我想显示选定的值。在文本字段中，我可以在如下值中显示它

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>

但在下拉框中它不起作用。请帮我。谢谢。。

【问题讨论】：

我在jsfiddle.net/wWbFh分享我的代码
你可能想看看select tag的属性selected

标签： java javascript html jsp

【解决方案1】：

首先，select 不能以这种方式工作，您需要将 selected 属性放在与您的输入匹配的选项中。

例如： <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>

【讨论】：

我试过这个。但它给出了一个错误，比如不完整的类型。必需的布尔值。找到字符串。你能帮帮我吗？
@user2599229 应该是<%= (event_data.getE_target_category()=="Sports"?"selected='selected'","") %>等等

【解决方案2】：

您需要通过 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);

【讨论】：

【解决方案3】：

看这个例子：

<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>

【讨论】：