make option selected after page reloads

Question

0.00/5 (No votes)

See more:

XML

Hi

i have select box with options as

<div class="sortvalue">

<span>Sort By : </span>

<select id="ddlCountry" runat="server" onchange="GetCountryDetails()">
<option id="sortval" value="" ></option>
<option id="sortvalltoh" value="ltoh" >Rating Low to High</option>
<option id="sortvalhtol" value="htol" >Rating High to Low</option>
<option id="sortvalPrfd" value="Prfd" >Preferred</option>
</select>
</div>

and i reload the page again with option selected value.

ie. if i select value high to low,  i reload page with attached "&test=ltoh"  in querystring .

and then  i want to make that option as selected from jquery after loading page ,

how is this possible

regards

maulik shah

Posted 22-Nov-13 0:43am

maulikshah1990

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

♥…ЯҠ…♥ · Answer 1 · 2013-11-22T00:57:00

Solution 1

Hi Mauli,

Below function is used to read the query string from URL and map the value to ddl option

This can be used in document.ready() function like

JavaScript

$(document.ready(function() {
 var qs = (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i)
    {
        var p=a[i].split('=');
        if (p.length != 2) continue;
        b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
})(window.location.search.substr(1).split('&'));

if(qs['test'] !=  undefined){
    $('#ddlCountry').val(qs['test']);
 }
}));

Hope this helps you a bit.

Regards,
RK

Posted 22-Nov-13 0:57am

♥…ЯҠ…♥

Updated 22-Nov-13 1:26am

v5

Comments

maulikshah1990 22-Nov-13 7:21am

where to call assignDDL() function from

♥…ЯҠ…♥ 22-Nov-13 7:27am

Updated my solution, no need to call the function, you can paste it in script section as it is and try to execute... tell me what you see

maulikshah1990 22-Nov-13 7:37am

thanks..that worked...

♥…ЯҠ…♥ 22-Nov-13 7:40am

Then Please accept it as solution which might help someone,I think the solution deserves vote.... ;-)