select item in javascript of jquery

Question

One my designer send some webpage where he used Html(div,Li) CSS for making Drop down list

       <div class="frmcmpstn fl">
            <a class="btn fl cll" href="#">Are you an Hwp/Family Office or an   Institutional <img src="images/dd_arow_ico.png" /></a>
            <ul class="signupdd_dd" style="display:none;">
                <li><a href="#">New Delhi</a></li>
                <li><a href="#">California</a></li>
                <li><a href="#">Gurgaon</a></li>
                <li><a href="#">North East America</a></li>
                <li><a href="#">North America</a></li>
                <li><a href="#">South Africa</a></li>
            </ul>
        </div>

now my problem is I have worked in Asp.net I dont know javascript or JQuery and I know that is possible in java script or JQuery

Can any one tell me how can get selected item (in javascript or JQuery )....?

Usually, there is no 'selected item' for ul element. So, what do you mean? — A. Wolff
– A. Wolff, Commented May 28, 2013 at 9:39
What do you want to do with the value? Put it in a JS variable? Send it to the server? Something else? — JJJ
– JJJ, Commented May 28, 2013 at 9:39
There is not ready to use solution here - you need to code it ether on code behind the moment you render that, ether using jquery and come code that compare the current url and change the css on the correct link. — Aristos
– Aristos, Commented May 28, 2013 at 9:42

A. Wolff · Accepted Answer · 2013-05-28 10:05:52Z

2

I think you mean:

<script type="text/javascript">
    $('.signupdd_dd li').on('click',function(){
        var $selectedLi = $(this);
        //then do some stuff e.g
        $selectedLi.addClass('selected');
    });
</script>
</body> //-> don't add this line but search in your html code this tag and put <script> just before

Or target the tags:

 $('.signupdd_dd li a').on('click',function(){...});

edited May 28, 2013 at 10:05

answered May 28, 2013 at 9:41

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kranti Singh Over a year ago

thanks but how I can use this code ...where I need to add this code ...sorry I dont know JQuery ..so help me please ....thanks

Kevin Bowersox · Accepted Answer · 2013-05-28 09:42:57Z

0

Attach an event handler to the click event for each of the anchors a. The event handler will have the element assigned to this which you can use to get the different element properties.

$(".signupdd_dd li a").click(function(e){
    e.preventDefault();
    $(".chosen").removeClass("chosen");
    $(this).addClass("chosen");
    alert($(this).text());
});

You may want to add a class to the a that is clicked for later processing. The event handler should also prevent the default action of the anchors click handler so that navigation does not occur.

Working Example: http://jsfiddle.net/vZkDp/

answered May 28, 2013 at 9:42

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

2 Comments

Kranti Singh Over a year ago

Hi Kevin ,how I can add event handler or anchore click event please help me ...thanks

Kranti Singh Over a year ago

Thanks Kevin ...Almost you solved my problem ....but I want to save selected value in database .....So I have to set selected value in c# code .....in code behind .....objMyClass.country = selectedvalue (from screen)

Collectives™ on Stack Overflow

select item in javascript of jquery

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related