How can I reset multiple dropdowns in jQuery mobile with custom class at once

Question

I have this code that resets all dropdowns when changed dropdown1.

<select id="name" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name2" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name3" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name4" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name5" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name6" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

I wanted to select a class and reset all of them at once, but the only way to do this is: $('select').val('').selectmenu('refresh');

But what if I want to specify the name of a custom class, as in this case "anything." How can i do this?

This is my jsfiddle

Answer 1

Working violin .

You just need to add it after selecting:

$('#name').change(function(){
     $('select.whatever').val('').selectmenu('refresh');
});

Hope this helps.