own written JavaScript function named "reset"

Question

I have a jsp having 3 combos

            <select class="radius3" name="location" id="location" onchange="reset();">
            <option value="">Select Location</option>
            <option value="1">A</option>
            <option value="2">B</option>
            <option value="23">C</option></select>

            <select class="radius3" name="wing" id="wing">
            <option value="">Select Wing</option>
            <option value="1">X</option>
            <option value="2">Y</option>
            </select>


            <select class="radius3"  name="post" id="post" >
            <option value="">Select Designation</option>
            </select>

and created a javaScript function named reset which is assigned to location combo on event onchange , so that on the change of location user have to explicitly select other values

function reset(){
     $("#wing").val("");
     $("#post").val("");

 }

but problem is that when ever i try to select any value from location combo it does not changes the value.

**P.S though its working fine in fiddle, please do not refer any fiddle and say its working fine,

it is actually creating problem

**

selecting option

after selecting option

after selecting option its still showing the select location

Update

I am using jquery-1.10.2

If it works fine in a minimal fiddle, with the given code, then the problem is somewhere else. You either have an error message in your console or you have another important part of the code, that e.g. will run in your code immediately and in the js fiddle after everything is loaded. — t.niese, Apr 09 '15 at 06:14
can you add a alert message in the reset method and see whether it is getting called — Arun P Johny, Apr 09 '15 at 06:19
it could be that there is some other method named reset in your global scope — Arun P Johny, Apr 09 '15 at 06:19
check console for error, and check if the function is being called. — valar morghulis, Apr 09 '15 at 06:20
one easy way to check it is... open the developer tools console in the page and say `reset.toString()` check what is prented — Arun P Johny, Apr 09 '15 at 06:20
@t.niese I don't konw where i did a mistake, it really didn't work in a minimal fiddle:http://jsfiddle.net/ramseyfeng/v070ffs3/1/ — huan feng, Apr 09 '15 at 06:42
showPosts() has nothing todo with it, it was a rest service which was getting posts on the basis on location and wing. thats it — Sindhoo Oad, Apr 09 '15 at 07:26

score -1 · Answer 1 · answered Apr 09 '15 at 06:17

It works if it is using pure js. Any Jquery library imported?

function reset() {
  document.getElementById("wing").value = "";
  document.getElementById("post").value = "";
}

<!DOCTYPE html>
<html>

<body>

  <select class="radius3" name="location" id="location" onchange="reset();">
    <option value="">Select Location</option>
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="23">C</option>
  </select>

  <select class="radius3" name="wing" id="wing" onchange="showPosts();">
    <option value="">Select Wing</option>
    <option value="1">X</option>
    <option value="2">Y</option>
  </select>


  <select class="radius3" name="post" id="post">
    <option value="">Select Designation</option>
  </select>

</body>

</html>

I am using jquery-1.10.2. – Sindhoo Oad Apr 09 '15 at 07:27 — Sindhoo Oad, Apr 09 '15 at 07:27

own written JavaScript function named "reset"

it is actually creating problem

1 Answers1