(Resolved but..)How to compare 2 dropdown list boxes text at client side

Question

0.00/5 (No votes)

See more:

I have used this after when i click on button that will display message and go to the view
<script type="text/javascript">

$(document).ready(function () {
$("#btnSubmit").click(function () {

var sYear = $("#startIDs").val();
var eYear = $("#endID").val();

if (eYear > sYear) {
alert("Please ensure that the End Date is greater than to the Start Date.");

}
});
});
</script>

@Html.DropDownListFor(m => m.endID, new SelectList(Model.EndGetYears, "endID", "PledgeYear"), new { @Class = "ddlsmall" })

@Html.DropDownListFor(m => m.CampaignTypeId, new SelectList(Model.GetCampaignType, "CampaignTypeId", "description"), "All", new { @Class = "ddllarge" })

<input type="submit" id="btnSubmit" value="Generate Report" class="ActionButton"
/>

Please tell me how to resolve it.

Posted 8-Aug-13 1:04am

DGKumar

Updated 8-Aug-13 2:01am

v5

Add a Solution

Comments

DGKumar 8-Aug-13 7:48am

Thank you very much it is very useful to my requirement.

DGKumar 8-Aug-13 7:57am

I have used this after when i click on button that will display message and go to the view
<script type="text/javascript">

$(document).ready(function () {
$("#btnSubmit").click(function () {

var sYear = $("#startIDs").val();
var eYear = $("#endID").val();

if (eYear > sYear) {
alert("Please ensure that the End Date is greater than to the Start Date.");

}
});
});
</script>

@Html.DropDownListFor(m => m.endID, new SelectList(Model.EndGetYears, "endID", "PledgeYear"), new { @Class = "ddlsmall" })

@Html.DropDownListFor(m => m.CampaignTypeId, new SelectList(Model.GetCampaignType, "CampaignTypeId", "description"), "All", new { @Class = "ddllarge" })

<input type="submit" id="btnSubmit" value="Generate Report" class="ActionButton"
/>

Please tell me how to resolve it.

harshal7689 9-Aug-13 1:44am

you need the text of dropdownlist.

var sYear = $("#startIDs").text();
var eYear = $("#endID").text();

or you can go to this links, i hope it is useful to you
http://stackoverflow.com/questions/1888931/set-dropdown-value-by-text-using-jquery

http://stackoverflow.com/questions/13613193/how-to-compare-dropdownlist-text-with-static-string

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

harshal7689 · Answer 1 · 2013-08-08T01:33:00

JavaScript

function Yearcompare()
{
var year1=$("#dropdownlistboxes1").val();
var year2=$("#dropdownlistboxes2").val();

if(year1 < year2){
alert("Start year must < than end year");
}
}

Call this Function on your dropdownlistboxes1 on change event.

HTML

<select id="dropdownlistboxes1"  önchange="Yearcompare()" name="xxx">
</select>

(Resolved but..)How to compare 2 dropdown list boxes text at client side

1 solution

Solution 1

Add your solution here

Preview 0

(Resolved but..)How to compare 2 dropdown list boxes text at client side

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us