如何设置下拉选择
问题描述:
我想设置选择下拉列表当值的比赛,但它总是最后一个选项都被选择欧元,请帮我我将如何做到这一点,这是我的下拉列表代码...如何设置下拉选择
<select class="select" name="TicketCurrency">
<option selected="@(ticketDetails != null ? ticketDetails.TicketCurrency == "INR" ? "selected" : "" : "")">
INR</option>
<option selected="@(ticketDetails != null ? ticketDetails.TicketCurrency == "USD" ? "selected" : "" : "")">
USD</option>
<option selected="@(ticketDetails != null ? ticketDetails.TicketCurrency == "EUR" ? "selected" : "" : "")">
EUR</option>
</select>
答
尝试这样
//简单drowndown
<select class="select" name="TicketCurrency">
<option>
INR</option>
<option>
USD</option>
<option>
EUR</option>
</select>
//然后在jQuery的
$(document).ready(function(){
if(ticketDetails != null){
$('select').val(@ticketDetails.TicketCurrency);
}
}):
答
试试这个
<select class="btn btn-default" data-original-title="" title="" id="@linktxt">
<option value="1" @if (dish.Quantity == 1) { <text> selected="selected" </text> }>1</option>
<option value="2" @if (dish.Quantity == 2) { <text> selected="selected" </text> }>2</option>
<option value="3" @if (dish.Quantity == 3) { <text> selected="selected" </text> }>3</option>
<option value="4" @if (dish.Quantity == 4) { <text> selected="selected" </text> }>4</option>
<option value="5" @if (dish.Quantity == 5) { <text> selected="selected" </text> }>5</option>
<option value="6" @if (dish.Quantity == 6) { <text> selected="selected" </text> }>6</option>
<option value="7" @if (dish.Quantity == 7) { <text> selected="selected" </text> }>7</option>
<option value="8" @if (dish.Quantity == 8) { <text> selected="selected" </text> }>8</option>
<option value="9" @if (dish.Quantity == 9) { <text> selected="selected" </text> }>9</option>
<option value="10" @if (dish.Quantity == 10) { <text> selected="selected" </text> }>10</option>
<option value="11" @if (dish.Quantity == 11) { <text> selected="selected" </text> }>11</option>
<option value="12" @if (dish.Quantity == 12) { <text> selected="selected" </text> }>12</option>
<option value="13" @if (dish.Quantity == 13) { <text> selected="selected" </text> }>13</option>
<option value="14" @if (dish.Quantity == 14) { <text> selected="selected" </text> }>14</option>
<option value="15" @if (dish.Quantity == 15) { <text> selected="selected" </text> }>15</option>
<option value="16" @if (dish.Quantity == 16) { <text> selected="selected" </text> }>16</option>
<option value="17" @if (dish.Quantity == 17) { <text> selected="selected" </text> }>17</option>
<option value="18" @if (dish.Quantity == 18) { <text> selected="selected" </text> }>18</option>
<option value="19" @if (dish.Quantity == 19) { <text> selected="selected" </text> }>19</option>
<option value="20" @if (dish.Quantity == 20) { <text> selected="selected" </text> }>20</option>
</select>
答
@Stephen是正确的,selected or selected="" or selected="selected"
所有正在获取所选的选项,你都能够看到最后一个为选中状态。
基本上,你搞乱了HTML代码!如果您使用MVC,为什么不能很好地利用HTML帮助程序类?这里就是你们的榜样重新写在MVC: -
@Html.DropDownListFor(x => x.TicketCurrency,
new List<SelectListItem> {
new SelectListItem { Text = "INR", Value = "INR"},
new SelectListItem { Text = "USD", Value = "USD"},
new SelectListItem { Text = "INR", Value = "EUR"}
}, "Select Currency")
这机器会自动选择其值出现在TicketCurrency
属性的选项。 我建议你在Model中为下拉类型构建一个类型,并将其绑定到此处而不是在View中进行硬编码。
您可以在所有选项中设置'selected'属性。 'selected'或'selected =“”或“selected =”选中“'表示选中该选项。你为这个MVC添加了标签,因此学会使用为你做这一切的html助手方法。 – 2014-10-30 07:32:58
你能告诉我什么会写,我的意思是代码 – 2014-10-30 07:34:02
好吧,我这样做使用: – 2014-10-30 07:35:56