<html> <head> <style> #ca { display: none; } </style> <script src="/jquery.min.js" type="text/javascript"></script> <script> $(document).ready(function() { $("input:radio").click(function() { $('.searchSelect').hide(); $('#' + $(this).attr("value")).show(); }); }); </script> </head> <body> <ul id="countrylist"> <li> <label for="US-country"> <input name="store" id="US-country" type="radio" value="com" checked="checked" /> USA</label> </li> <li> <label for="CA-country"> <input name="store" id="CA-country" type="radio" value="ca"/> Canada</label> </li> </ul> <select name="search-alias-us" id="com" class="searchSelect" title="Search in"> <option value="aps" selected="selected">All Departments</option> <option value="apparel">Apparel & Accessories</option> <option value="automotive">Automotive</option> </select> <select name="search-alias-ca" id="ca" class="searchSelect" title="Search in"> <option value="aps" selected="selected">All Departments</option> <option value="stripbooks">Books</option> <option value="popular">Music</option> </select> </body> </html>
<script src="/jquery.min.js" type="text/javascript"></script> after i change as <script src="jquery.min.js" type="text/javascript"></script>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)