How to get all values from multiple options

StackOverflow https://stackoverflow.com/questions/21675238

  •  09-10-2022
  •  | 
  •  

Question

I want to get all values from multiple options who have the same name. Do you how I can do that ?

My html:

<div id="multigroup">
    <fieldset class="fs_group_1" style="width:48%; float:left;margin-right: 3%;">
        <label style="width:96%;">Group <span class="deletegroup rotate">+</span>
        </label>
        <input type="text" value="DBA" class="readonly" readonly style="width:92%;">
        <input type="hidden" name="fk_user_group_id[]" value="16">
    </fieldset>
    <fieldset class="fs_provisioner_1" style="width:48%; float:left;">
        <label>Provisioner</label>
        <select name="user_group_join_provisioner[]" style="width:92%;">
            <option value="y" selected="selected">Yes</option>
            <option value="n">No</option>
        </select>
    </fieldset>
</div>

<div id="multigroup">
    <fieldset class="fs_group_1" style="width:48%; float:left;margin-right: 3%;">
        <label style="width:96%;">Group <span class="deletegroup rotate">+</span>
        </label>
        <input type="text" value="RESG/GTS/MKT " class="readonly" readonly style="width:92%;">
        <input type="hidden" name="fk_user_group_id[]" value="15">
    </fieldset>
    <fieldset class="fs_provisioner_1" style="width:48%; float:left;">
        <label>Provisioner</label>
        <select name="user_group_join_provisioner[]" style="width:92%;">
            <option value="y">Yes</option>
            <option value="n" selected="selected">No</option>
        </select>
    </fieldset>
</div>

My js:

a = $('input[name^=user_group_join_provisioner] option:selected').each(function () {
    alert($(this).val());
});

How do I get the selected value from all options?

Was it helpful?

Solution 

$(function(){
    $( "select[name='user_group_join_provisioner[]']" ).each(function(){
        alert($(this).val());    
    });
});

Fillde DEMO

OTHER TIPS

try,

HTML:

<body >
<div id="multigroup">
    <fieldset class="fs_group_1" style="width:48%; float:left;margin-right: 3%;">
        <label style="width:96%;">Group <span class="deletegroup rotate">+</span>
        </label>
        <input type="text" value="DBA" class="readonly" readonly style="width:92%;">
        <input type="hidden" name="fk_user_group_id[]" value="16">
    </fieldset>
    <fieldset class="fs_provisioner_1" style="width:48%; float:left;">
        <label>Provisioner</label>
        <select name="user_group_join_provisioner" style="width:92%;">
            <option value="y" selected="selected">Yes</option>
            <option value="n">No</option>
        </select>
    </fieldset>
</div>

<div id="multigroup">
    <fieldset class="fs_group_1" style="width:48%; float:left;margin-right: 3%;">
        <label style="width:96%;">Group <span class="deletegroup rotate">+</span>
        </label>
        <input type="text" value="RESG/GTS/MKT " class="readonly" readonly style="width:92%;">
        <input type="hidden" name="fk_user_group_id[]" value="15">
    </fieldset>
    <fieldset class="fs_provisioner_1" style="width:48%; float:left;">
        <label>Provisioner</label>
        <select name="user_group_join_provisioner" style="width:92%;">
            <option value="y">Yes</option>
            <option value="n" selected="selected">No</option>
        </select>
    </fieldset>
</div>
</body>

JS:

<script>
$(function(){
    $('select[name^="user_group_join_provisioner"]').each(function () {
    alert($(this).val());
});
});
</script>

You can get all the values from the select fields with the following code

$(".ajx_disable").each(function(){
        alert($(this).val())})
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top