Databases
StackOverflow2013
Postsdbo
POOverride default javascript functionality with jQuery
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POOverride default javascript functionality with jQuery
    text
    copied!<p>I am trying to overwrite a JavaScript on change event in the below code with jQuery however I believe that the inline JavaScript is taking priority over the jQuery functionality declared. Essentially I am trying to have an AJAX version of my site which includes an additional JavaScript file. I need this functionality to still work without the additional AJAX version, but I am not sure as to whether I should include it in the main JavaScript file or leave it inline like it is right now. Any suggestions and information regarding them would be greatly appreciated! Thanks!</p> <pre><code>&lt;form action="/cityhall/villages/" method="post" name="submit_village"&gt; &lt;select name="village" onchange="document.submit_village.submit();"&gt; &lt;option value=""&gt;&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; </code></pre> <p>I am trying to use the jQuery Form Plugin to submit the posts to the PHP to handle the requests as follows:</p> <pre><code>var bank_load_options = { target: '#content', beforeSubmit: showRequest, success: showResponse }; $('form.get_pages').livequery(function(){ $(this).ajaxForm(bank_load_options); return false; }); </code></pre> <p>I modified the code as following:</p> <pre><code>&lt;form action="/cityhall/villages/" method="post" id="submit_village" name="submit_village"&gt; &lt;select name="village" class="get_pages" rel="submit_village"&gt; &lt;option value=""&gt;&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; &lt;script&gt; # main JavaScript $('.get_pages').live('change',function(e){ var submit_page = $(this).attr('rel'); $("#"+submit_page).submit(); }); # ajax JavaScript var bank_load_options = { target: '#content', beforeSubmit: showRequest, success: showResponse }; $('.get_pages').live('change',function(){ var submit_page = $(this).attr('rel'); $("#"+submit_page).ajaxForm(get_pages_load_options); return false; }); &lt;/script&gt; </code></pre> <p>However now it only runs every other option when I change it.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload