how to get selected td row value in javascript?

Question

i want to select selected row value on button on click for this in select option i have name="product_id" and class="productid" i want value of product_id so i have this code

                <td>
                <select class="productid" name="product_id" >
                @foreach($findadminproducts as $a)
                <option value="{{ $a->id }}" >{{ $a->name }}</option>
                @endforeach
                </select>
                    <button onclick='linkproduct(this);'>Use Location</button>
                </td>

method i tried in js

<script>
   function linkproduct(button){
     var b = $(this).closest("td").find('select.productid').text();
     console.log(b);
}
</script>

but it gives empty value or if i use .val() then it gives undefined

Than don't use inline onclick. Remove that attribute and use a class like <button class="linkProduct" and in jQuery (...have you included the jQuery library at all?) use $(".linkProduct").on("click", linkproduct); — Roko C. Buljan
– Roko C. Buljan, Commented Jan 23, 2021 at 8:44

Ostaad g · Accepted Answer · 2021-01-23 08:46:44Z

1

try this

var b = $(button).closest("td").find('select.productid').val();

answered Jan 23, 2021 at 8:46

Ostaad g

3111 silver badge8 bronze badges

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

Comments

Guimby · Accepted Answer · 2021-01-23 08:48:31Z

1

maybe you could try with something like this :

function linkproduct(button){
     var b = $(button).closest("td").find('select option:selected' ).text();
     console.log(b);
}

answered Jan 23, 2021 at 8:48

Guimby

314 bronze badges

Collectives™ on Stack Overflow

how to get selected td row value in javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related