Post
Ask Question
Sudhakar

Sudhakar

  • NA
  • 127
  • 1.9k

how to store multiple selected values to temp variable

Jan 30 2018 1:11 AM
how to store multiple selected combo values to temp variable on button click . The selected values are in <input type="hidden" class="ui-igcombo-hidden-field" value="Brown, Red, Purple">
 
Anyone Can help ?
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src=" https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="JS/dataTables.bootstrap.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<!-- Ignite UI Required Combined CSS Files -->
<link href="http://cdn-na.infragistics.com/igniteui/2017.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
<link href="http://cdn-na.infragistics.com/igniteui/2017.2/latest/css/structure/infragistics.css" rel="stylesheet" />
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
<!-- Ignite UI Required Combined JavaScript Files -->
<script src="http://cdn-na.infragistics.com/igniteui/2017.2/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2017.2/latest/js/infragistics.lob.js"></script>
<script>
$(document).ready(function () {
$("#btnSearch").click(function (e) {
});
});
</script>
<script>
var Ingredients = [
{ Name: "Android Native mobile controls" },
{ Name: "iOS Controls" },
{ Name: "SharePlus" },
{ Name: "ReportPlus" },
{ Name: "Indigo Studio" }
];
$(function () {
$("#IngredientsCombo").igCombo({
width: 300,
dataSource: Ingredients,
textKey: "Name",
valueKey: "Name",
multiSelection: {
enabled: true,
showCheckboxes: true
},
dropDownOrientation: "bottom"
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label7" runat="server" Text="Ingredients" style="margin: 0px 0 0px 2px;"></asp:Label>
<div id="IngredientsCombo" style="margin: 0px 1px 55px 118px;"></div>
</div>
<div>
<input type="button" id="btnSearch" value="Search" style="float: left;margin: -38px 33px 0 523px;"/>
</div>
</form>
</body>
</html>

Answers (1)