Bug Tracker

Ticket #6920: test-6920.html

File test-6920.html, 1.1 KB (added by dmethvin, 12 years ago)
Line 
1<!DOCTYPE html>
2<html>
3<head>
4<title>test</title>
5<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
6</head>
7<body>
8
9<select name="venCod" class="prevNext" onChange="alert(this.value)">
10<option value="123">Item 1</option>
11<option value="456">Item 2</option>
12<option value="789">Item 3</option>
13<option value="012">Item 4</option>
14<option value="345" selected>Item 5</option>
15<option value="678">Item 6</option>
16<option value="901">Item 7</option>
17<option value="234">Item 8</option>
18<option value="567">Item 9</option>
19</select>
20
21<script type="text/javascript">
22
23$(function(){
24
25$("select.prevNext")
26  .before("<a href=# class=prev >&lt;</a>")
27  .after("<a href=# class=next >&gt;</a>")
28  .siblings("a.prev,a.next")
29        .click(function(){
30                var $sel = $(this).siblings("select");
31                if ( $(this).hasClass("prev") ) var cod = $sel.children("option[selected]").prev("option").val();
32                else var cod = $sel.children("option[selected]").next("option").val();
33                if ( cod ) $sel.val(cod).change();
34                status = cod + ' = ' + $sel.val();
35        });
36
37});
38
39</script>
40</body>
41</html>