Response title
This is preview!
- Screen name: samsonite77
samsonite77's Profile
1 Posts
1 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 01-Dec-2011 01:49 PM
- Forum: Using jQuery
I'm trying to prevent the select box from showing the drop down list of options. I've boiled my code down to the basics and put it below. I've tried binding to mousedown, mouseup, click, and a couple jQuery Mobile events and then calling preventDefault() but the drop down still shows. Any ideas?- <html>
<head>
<title>My Page</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
</head>
<body>
<div >
<div >
<form onsubmit="return false" action="" method="post">
<p class="question" id="birthdate"><label>Date of Birth</label></p>
<div id="birthdate" >
<select id="birthdate_month" class="" name="has_birthdate[1]" >
<option value="1">January</option>
<option selected="" value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select id="birthdate_day" class="" name="has_birthdate[2]" >
<option value="1">01</option>
<option value="2">02</option>
<option selected="" value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select id="birthdate_year" class="" name="has_birthdate[0]">
<option value="1993">1993</option>
<option value="1992">1992</option>
<option selected="" value="1991">1991</option>
<option value="1990">1990</option>
</select>
</div>
</form>
</div>
</div>
<script>
$('#birthdate_month, #birthdate_day, #birthdate_year').bind('mousedown', function (event) {
event.preventDefault();
event.stopImmediatePropagation();
alert('hello');
});
</script>
</body>
</html>
- «Prev
- Next »
Moderate user : samsonite77