Welcome Guest, Not a member yet? Register   Sign In
[Solved] How to get Value
#1

(This post was last modified: 09-23-2016, 02:31 AM by googlemy.)

How to get the Value of last selected option of HTML Multi Select ListBox using jQuery,

When I select "Item 1 and Item 3" and click button "Add to Cart" system select big value "3",
How to get the value selected item like this,
Example : Select Item 1 & Item 4 and get value "2".

Thanks you....


PHP Code:
<?php
    
echo form_open('', array(
        
'method' => 'post',
        
'class' => 'sky-form',
        
'id' => 'demoform',
        
'style' => 'border:none',
    ));
?>

<select id="selectList" multiple="multiple" size="10" name="qty">
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
    <option value="3">Item 3</option>
    <option value="4">Item 4</option>
</select>

<script>
var demo1 = $('[name=qty]').bootstrapDualListbox();
$('#selectList option:selected').val();
</script>

<button type="button" class="btn add_to_cart" data-type="text"  data-pid='<?php echo $row['product_id']; ?>'>
        <i class="fa fa-shopping-cart fa-fw"></i>
        <?php echo translate('add_to_cart'); ?>
</button>

</form> 



Source :
http://www.jqueryscript.net/form/Respons...stbox.html

Old script
http://www.jqueryfaqs.com/Articles/Get-t...Query.aspx
Reply
#2

(09-19-2016, 03:02 PM)googlemy Wrote: How to get the Value of last selected option of HTML Multi Select ListBox using jQuery,

When I select "Item 1 and Item 3" and click button "Add to Cart" system select big value "3",
How to get the value selected item like this,
Example : Select Item 1 & Item 4 and get value "2".

Thanks you....


PHP Code:
<?php
    
echo form_open('', array(
        
'method' => 'post',
        
'class' => 'sky-form',
        
'id' => 'demoform',
        
'style' => 'border:none',
    ));
?>

<select id="selectList" multiple="multiple" size="10" name="qty">
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
    <option value="3">Item 3</option>
    <option value="4">Item 4</option>
</select>

<script>
var demo1 = $('[name=qty]').bootstrapDualListbox();
$('#selectList option:selected').val();
</script>

<button type="button" class="btn add_to_cart" data-type="text"  data-pid='<?php echo $row['product_id']; ?>'>
        <i class="fa fa-shopping-cart fa-fw"></i>
        <?php echo translate('add_to_cart'); ?>
</button>

</form> 



Source :
http://www.jqueryscript.net/form/Respons...stbox.html

Old script
http://www.jqueryfaqs.com/Articles/Get-t...Query.aspx

Not sure why you use that dual select plugin as you only have one select box. But here is what you do with a normal select box. Hope that helps

you bind the button with a click event to a function like this (i named the button "demo" but that can be any other name as well
Code:
$('#demo').click(function() {             
                var sel = $('#selectList').val();            
            }
            
        )
when you click the button the variable sel will be an array with all the selected values

https://jsfiddle.net/rtenny/c9ncmj7u/1/
On the package it said needs Windows 7 or better. So I installed Linux.
Reply
#3

(09-22-2016, 08:32 AM)rtenny Wrote:
(09-19-2016, 03:02 PM)googlemy Wrote: How to get the Value of last selected option of HTML Multi Select ListBox using jQuery,

When I select "Item 1 and Item 3" and click button "Add to Cart" system select big value "3",
How to get the value selected item like this,
Example : Select Item 1 & Item 4 and get value "2".

Thanks you....


PHP Code:
<?php
    
echo form_open('', array(
        
'method' => 'post',
        
'class' => 'sky-form',
        
'id' => 'demoform',
        
'style' => 'border:none',
    ));
?>

<select id="selectList" multiple="multiple" size="10" name="qty">
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
    <option value="3">Item 3</option>
    <option value="4">Item 4</option>
</select>

<script>
var demo1 = $('[name=qty]').bootstrapDualListbox();
$('#selectList option:selected').val();
</script>

<button type="button" class="btn add_to_cart" data-type="text"  data-pid='<?php echo $row['product_id']; ?>'>
        <i class="fa fa-shopping-cart fa-fw"></i>
        <?php echo translate('add_to_cart'); ?>
</button>

</form> 



Source :
http://www.jqueryscript.net/form/Respons...stbox.html

Old script
http://www.jqueryfaqs.com/Articles/Get-t...Query.aspx

Not sure why you use that dual select plugin as you only have one select box. But here is what you do with a normal select box. Hope that helps

you bind the button with a click event to a function like this (i named the button "demo" but that can be any other name as well
Code:
$('#demo').click(function() {             
                var sel = $('#selectList').val();            
            }
            
        )
when you click the button the variable sel will be an array with all the selected values

https://jsfiddle.net/rtenny/c9ncmj7u/1/


Hi rtenny,

Thanks for your reply,

I already try your code but the output value is 1,2,3 & 4..
How to get value selected item for example, I select 1 & 3 and the output value "2" and I select 1,2 & 4 the output value "3".

Thanks
Reply
#4

If I understand you correctly, you don't want the value, but the number of selected items.
Try this:

Code:
$('#demo').click(function() {            
    var sel = $('#selectList:selected').length;
    alert(sel);        
});
Reply
#5

(09-22-2016, 10:41 PM)Wouter60 Wrote: If I understand you correctly, you don't want the value, but the number of selected items.
Try this:

Code:
$('#demo').click(function() {            
    var sel = $('#selectList:selected').length;
    alert(sel);        
});


Thanks you so much Wouter60,

Problem solve already...

I add "option" to get selected value.
Code:
jQuery( document ).ready(function($) {
       //code
    $('#demo').click(function() {             
    var sel = $('#selectList option:selected').length;
       alert(sel);    
    }
            
    )    
   });
Reply




Theme © iAndrew 2016 - Forum software by © MyBB