Need help selecting <select> element
Hey Guys. I am trying to select a <select> element by its name attribute, and prevent the form from submitting to itself if the value is equal to hour or minutes. I have wrote the following code but for some reason the console is giving me the following error message
Error: Syntax error, unrecognized expression: select[name=*'weekday_time_start']
I am not sure what I am doing wrong. Below is the js fiddle to my work. Thanks
http://jsfiddle.net/eldan88/m3ewayca/
- <form method='post' action='#'>
Weekday Category Time
<select name='weekday_time_start_hours'>
<option>Hour</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
</select><select name='weekday_time_start_minutes'>
<option>Minute</option>
<option>00</option>
<option>15</option>
<option>30</option>
<option>45</option>
</select>
<input type='submit' name='submit' value='Set Category Hours'>
</form>
jQuery Code
-
$("select[name=*'weekday_time_start']").each(function(){
var $option_val = $("select[name=*'weekday_time_start']");
if($option_val.val() == "Hours"){
return false;
}
})