ansaurus

Question

How to use Jquery to get array of UL LI and input?

Answer 1

A:

to get the selected value of the select you can use $('#gender').val()

lakhlaniprashant.blogspot.com 2010-10-19 14:35:34

Answer 2

A:

You could use .val(), for example:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
</head>
<body>


<form id="testForm">
    <ul id="1">
         <li>TEST</li>
         <li>Gender: 
              <select id="gender" name="gender">
                   <option value="0">Male</option>
                   <option value="2">Female</option>
              </select>
         </li>
    </ul>
    <ul id="2">
         <li>TEST2</li>
         <li>Gender2: 
              <select id="gender2" name="gender">
                   <option value="0">Male</option>
                   <option value="2">Female</option>
              </select>
         </li>
    </ul>
    <input type="submit" value="submit" />
</form>


<script>
jQuery(document).ready(function($) { 

    $('#testForm').submit(function(){
        $(this).find('select').each(function(){
            alert( $(this).val() );
        });
         return false;
    });

});
</script>

</body>
</html>

wildpeaks 2010-10-19 14:40:35

Answer 3

A:

Maybe this will move you in the right direction a bit:

$('#testForm').submit(function() {    
   var optionTexts = [];
   $('ul li').each(function(){
        var $select = $(this).find('select');
        if($select.length)
           optionTexts.push($select.val());

    });   
    return false;
});

You can play with it here --> http://jsfiddle.net/jamiec/tThWZ/

Jamiec 2010-10-19 14:57:17

Answer 4

A:

Working on jamiec 's fiddle you can also create a multi dimesional array of the list items

$('#testForm').submit(function() {     
   var optionTexts = [];
   $('ul li',this).each(function(){
        var $select = $(this).find('select');
        if($select.length)
           optionTexts[optionTexts.length-1].push($select.val());
        else optionTexts.push(new Array($(this).text()));
    });
    return false;
});

(http://jsfiddle.net/tThWZ/1/)

Edit

Try the updated version. For some reason the associate array keys aren't working for me, sorry.

$('#testForm').submit(function() {     
   var optionTexts = [];
    count = 0;
   $('ul li',this).each(function(i){
        var $select = $(this).find('select');
        if($select.length)
           optionTexts[optionTexts.length-1].push($select.attr('name') => $select.val());
       else {
           count++;
           optionTexts.push(new Array(count,$(this).text()));
       }
    });
    if (typeof console != 'undefined')
        console.log(optionTexts);
    else alert(optionTexts);
    return false;
});

(http://jsfiddle.net/tThWZ/3/)

BenWells 2010-10-19 15:08:56

ansaurus

tags:

views:

answers:

How to use Jquery to get array of UL LI and input?

related questions