Change Input to Upper Case

Question

JS:

<script type="text/css"> $(function() {     $('#upper').keyup(function() {         this.value = this.value.toUpperCase();     }); }); </script> 

HTML

<div id="search">         <input type="radio" name="table" class="table" value="professor" tabindex="1" /> Professor         <input type="radio" name="table" class="table" value="department" tabindex="2" /> Department         <input type="radio" name="table" id="upper" class="table" value="course" tabindex="3" /> Course         <input type="text" name="search" class="keywords" value="Select an option..." onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?':this.value;" tabindex="4"  />         <div id="content"> </div>     </div> 

Why is this still not working?? Just trying to call div ".keywords" from JS.

Answer 1

I think the most elegant way is without any javascript but with css. You can use text-transform: uppercase (this is inline just for the idea):

<input id="yourid" style="text-transform: uppercase" type="text" /> 

Edit:

So, in your case, if you want keywords to be uppercase change: keywords: $(".keywords").val(), to $(".keywords").val().toUpperCase(),