Get dropdown selected value from jquery template in table row

Gericke

I have the following jquery template and I want to get the selected value from the drop down box when I click on a button.

Jquery template:

<script id="template-download" type="text/x-jquery-tmpl">
        <tr class="template-download{{if _errorMSG}} ui-state-error{{/if}}">
            {{if _errorMSG}}
                <td></td>
                <td class="name">${_name}</td>
                <td class="size">${sizef}</td>
                <td class="error" colspan="2">Error:
                    {{if _errorMSG === 1}}File exceeds upload_max_filesize
                    {{else _errorMSG === 2}}File exceeds MAX_FILE_SIZE (HTML form directive)
                    {{else _errorMSG === 3}}File was only partially uploaded
                    {{else _errorMSG === 4}}No File was uploaded
                    {{else _errorMSG === 5}}Missing a temporary folder
                    {{else _errorMSG === 6}}Failed to write file to disk
                    {{else _errorMSG === 7}}File upload stopped by extension
                    {{else _errorMSG === 'maxFileSize'}}File is too big
                    {{else _errorMSG === 'minFileSize'}}File is too small
                    {{else _errorMSG === 'acceptFileTypes'}}Filetype not allowed
                    {{else _errorMSG === 'maxNumberOfFiles'}}Max number of files exceeded
                    {{else _errorMSG === 'uploadedBytes'}}Uploaded bytes exceed file size
                    {{else _errorMSG === 'emptyResult'}}Empty file upload result
                    {{else}}${_errorMSG}. File Not Uploaded!
                    {{/if}}
                </td>
                <td class="failupload">
                    <button data-type="${delete_type}" data-url="${delete_url}">Cancel Upload</button>
                </td>                
            {{else}}
                <td class="preview">
                    {{if Thumbnail_url}}
                        <a href="${_url}" target="_blank"><img src="${Thumbnail_url}"></a>
                    {{/if}}
                </td>
                <td class="name">
                    <a href="${_url}"{{if thumbnail_url}} target="_blank"{{/if}}>${_name}</a>
                </td>
                <td class="size">${sizef}</td>
                <td colspan="2"></td>
                <td>
                    <select class="fileupload-buttonbar" id='${_name}'>
                        <option value="1">Fundus</option>
                        <option value="0">Other</option>
                    </select>
                </td>
                <td class="success">
                    <button class="linkfile">Link File</button>
                </td>
                <td class="delete">
                    <button data-type="${delete_type}" data-url="${delete_url}">Remove File</button>
                </td>                
            {{/if}}

        </tr>
</script>

I have tried to use the $(this).parent().prev().children().find(":selected").text() but this also does not work.

Any suggestions would be appreciated

EDIT:

This is a function to test provided code.

$(document).ready(function () {
    $('.linkfile').on('click', function () {
        alert($(this).closest('tr').find('.fileupload-buttonbar option:selected').val());
    });
});
Tushar

You should use val() to get the value of the selected option.

$(this).closest('tr').find('.fileupload-buttonbar').val()

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Get dropdown selected value from jquery template in table row

From Dev

get selected value from dropdown in a table

From Dev

Jquery to get the id of selected value from dropdown

From Dev

Jquery to get the id of selected value from dropdown

From Dev

Get the row id that has selected option from dropdown - jQuery

From Dev

How to get selected value from dropdown in a table when there is more then 1?

From Dev

How to get the last value selected from dropdown and disable it using jquery

From Dev

get the value of the dropdown of the particular row in a table using jquery

From Dev

Get value from selected Table row Knockout.js

From Dev

Get Dropdown selected value using JQuery

From Dev

jquery - get selected dropdown value on document ready

From Dev

Get selected value of jQuery dropdown plugin

From Dev

Get dropdown selected value to two textbox from database based on dropdown list selected value idin mvc4 jquery

From Dev

WPF Get Selected Row on Datagrid From Template

From Dev

Jquery not getting the selected value from dropdown

From Dev

Get Selected value from dropdown using JavaScript

From Dev

Powerbuilder get selected value from a dropdown list

From Dev

Get Value From Selected Dropdown Vue Js

From Java

jQuery Get Selected Option From Dropdown

From Dev

jQuery get html id from selected dropdown

From Dev

Jquery to get table row values of selected checkboxes

From Dev

Jquery value of dropdown not selected

From Dev

Jquery get row value in a table

From Dev

Jquery get row value in a table

From Dev

Get row from a table by td class and specific value in the cell in jquery

From Dev

In Django, how to pass selected dropdown value from template to view?

From Dev

Infragistics dropdown in row with value selected

From Dev

Infragistics dropdown in row with value selected

From Dev

Setting a dropdown selected value when generating a html table using jquery

Related Related

  1. 1

    Get dropdown selected value from jquery template in table row

  2. 2

    get selected value from dropdown in a table

  3. 3

    Jquery to get the id of selected value from dropdown

  4. 4

    Jquery to get the id of selected value from dropdown

  5. 5

    Get the row id that has selected option from dropdown - jQuery

  6. 6

    How to get selected value from dropdown in a table when there is more then 1?

  7. 7

    How to get the last value selected from dropdown and disable it using jquery

  8. 8

    get the value of the dropdown of the particular row in a table using jquery

  9. 9

    Get value from selected Table row Knockout.js

  10. 10

    Get Dropdown selected value using JQuery

  11. 11

    jquery - get selected dropdown value on document ready

  12. 12

    Get selected value of jQuery dropdown plugin

  13. 13

    Get dropdown selected value to two textbox from database based on dropdown list selected value idin mvc4 jquery

  14. 14

    WPF Get Selected Row on Datagrid From Template

  15. 15

    Jquery not getting the selected value from dropdown

  16. 16

    Get Selected value from dropdown using JavaScript

  17. 17

    Powerbuilder get selected value from a dropdown list

  18. 18

    Get Value From Selected Dropdown Vue Js

  19. 19

    jQuery Get Selected Option From Dropdown

  20. 20

    jQuery get html id from selected dropdown

  21. 21

    Jquery to get table row values of selected checkboxes

  22. 22

    Jquery value of dropdown not selected

  23. 23

    Jquery get row value in a table

  24. 24

    Jquery get row value in a table

  25. 25

    Get row from a table by td class and specific value in the cell in jquery

  26. 26

    In Django, how to pass selected dropdown value from template to view?

  27. 27

    Infragistics dropdown in row with value selected

  28. 28

    Infragistics dropdown in row with value selected

  29. 29

    Setting a dropdown selected value when generating a html table using jquery

HotTag

Archive