jQuery field selection

Question

<form>
  <div class="content-search-block">
    <div class="search-bar">
      <div class="search-bar">
        <input type="text" class="form-control" id="dname" name="dname" value="" placeholder="Otsi töötajaid">
        <button type="submit" id="submit"   class="icon"><i class="fa fa-search"></i></button>
      </div>
    </div>
  </div>
</form>

So i have this kind of search field. This kind of start on JavaScript file.(yeah in WP) But seems that my script doesn't load on submit button?

jQuery(document).ready(function(){
  jQuery('#submit').click(function(){
    var name = jQuery("#dname").val();
  });
});

I tried even

jQuery(document).ready(function(){
  jQuery('#submit').click(function(){
    var name = jQuery("#dname").val();
    jQuery.ajax({
      url: '/wp-admin/admin-ajax.php',
      type: 'POST',   // Adding Post method
      dataType: 'JSON',// Including ajax file
      data: {'action': 'do_search', 'dname':name}, // Sending data dname to post_word_count function.
      success: function(data){ // Show returned data using the function.
        alert(data);
      }
    });
  });
});

Why? script is enqueued and loaded at the loading on page. Still nada.

https://stackoverflow.com/questions/6173238/jquery-event-not-firing — luxdvie, Sep 13 '17 at 18:55

score 0 · Answer 1 · answered Sep 13 '17 at 19:04

0

In your code you open three div tags but you closed only Two div tags

answered Sep 13 '17 at 19:04

Balaraju M

473
1
3
14

score 0 · Answer 2 · answered Sep 13 '17 at 19:18

0

You need to prevent default form submission:

jQuery('#submit').click(function(e){
  ...
  e.preventDefault();
  // or
  return false;
});

or make it

<button type="button" ...

answered Sep 13 '17 at 19:18

Igor

15,833
1
27
32

can i define var name also in there? – Martin Tee Sep 13 '17 at 19:22
I don't see why not – Igor Sep 13 '17 at 19:23

jQuery field selection

2 Answers2