How can launch a event on a input when the value its coming from a jquery function

Question

In this example ill have a filter function but it will only search value in the table if i type inside the input text field, so i what i need help on is that i want that this function filters data when the input is changed by code not by a user inserting text inside the input.

    <script>
$(document).ready(function(){
  $("#txtSearch").on("change", function() {
    var value = $(this).val().toLowerCase();
    $("#tblSearch tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>

This second script will change the value of the txtSearch input to explain how i want the filter option to be working. By a changed input but not when a user type on it.

function selectedRow(){ var index, table = document.getElementById('taCiclo');

        for(var i = 1; i < table.rows.length; i++)
        {
            table.rows[i].onclick = function()
            {
                document.getElementById("id_ciclo").value = this.cells[0].innerHTML;
            //i've tried the trigger or eventDispatcher is this part too, but is not working at all.
           document.getElementById("id_ciclo").value ;


                  if(typeof index !== "undefined"){
                   table.rows[index].classList.toggle("selected");
                }
                console.log(typeof index);

                index = this.rowIndex;

                this.classList.toggle("selected");
                console.log(typeof index);
                };
        }
    }   
    selectedRow();

Possible duplicate of [val() doesn't trigger change() in jQuery](https://stackoverflow.com/questions/3179385/val-doesnt-trigger-change-in-jquery) — Faruq, Mar 15 '19 at 15:08
it actually worked @AswinKumar, but i just edit with my real problem. thats they way how im getting the value into my input. — Cristian Garzon, Mar 15 '19 at 15:41

score 0 · Answer 1 · answered Mar 15 '19 at 15:48

0

this is how i soved it, thanks for yout help!

 var el =   document.getElementById("id_ciclo"); 
            el.value=this.cells[0].innerHTML;
            el.dispatchEvent(new Event('change'));

answered Mar 15 '19 at 15:48

Cristian Garzon

13
2

How can launch a event on a input when the value its coming from a jquery function

1 Answers1