Dieser Code erlaubt mir nicht, mehrere Elemente auszuwählen, wie kann ich es einstellen, so dass es möglich ist? Wie rufe ich die mehreren ausgewählten Elemente an? Der gleiche Weg oder ein neuer Weg? Eine andere Sache, die mich betrifft, ist das Design des Dropdown-Menüs, ist es möglich, eine Liste von Checkbox-Elementen zu löschen? aber das ist optional.Drop-Down erlaubt nicht mehrere ausgewählte Werte in MVC5
Teilansicht:
@model Website_Design.Models.Models
@{
var x = Model.Stuff.Countries[0].Text;
<p>@x</p>
}
Übersicht:
@model Website_Design.Models.Models
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.js"></script>
@{
using (Html.BeginForm())
{
<div class="row">
<div class="form-group">
@Html.LabelFor(m => m.Stuff.CountryId, new { @class = "col-md-2 control-label" })
<div class="col-md-10">
@Html.DropDownListFor(m => m.Stuff.CountryId, Model.Stuff.Countries, new { @class = "form-control" })
</div>
</div>
</div>
}
<input type="button" value="Battle" id="battleButton" />
}
<!--THREE-->
<div id="pvDiv1"></div>
<script>
var Battle = '@Url.Action("Battle", "Home")';
//MVC FUNCTIONS
$(document).ready(function() {
$('#battleButton').click(function() {
$.ajax({
type: 'POST',
url: Battle,
//data: $('form').serialize() + '&' + $.param({ a: P1, b: P2 }),
data: $('form').serialize(),
success: function(result) {
$('#pvDiv1').html(result);
}
});
});
});
Controller:
public ActionResult Index(Models model)
{
model.Stuff = new Stuff();
return View(model);
}
Modell:
public class Stuff
{
public int CountryId { get; set; }
public List<SelectListItem> Countries
{
get
{
return new List<SelectListItem>{
new SelectListItem{
Text="India",
Value = "1"
},
new SelectListItem{
Text="USA",
Value = "2"
},
new SelectListItem{
Text="USA2",
Value = "3"
},
new SelectListItem{
Text="US3",
Value = "2"
}
};
}
}
}