JSFiddle - React, Tailwind, and code Playground

by andres descalzo

HTML

<select name="category_table_length">
    <option value="1">sort 1</option>
    <option value="2">sort 2</option>
    <option value="3">sort 3</option>    
</select>

<table id="mytable">
    <tr>
        <td><a href="/page.php?data=a">anchor 1</a></td>
    </tr>
    <tr>
        <td><a href="/page.php?data=a">anchor 2</a></td>
    </tr>
</table>

JavaScript

$('select[name="category_table_length"]').change(function(event){
    
    var 
        actual_value = $(this).val(),
        new_href = "";
    
    $('#mytable tr td a').each(function(i, el){
        
        if (!$(el).attr("original_href"))
            $(el).attr("original_href", $(el).attr('href') )
            
        new_href = $(el).attr("original_href") + "&bsort=" + actual_value;
        
        $(el)
            .attr('href', new_href)
            .html("change " + new_href);
        
    });
});