01.<!doctype html>
02.<html lang="en">
03.<head>
04.<title>calculate number</title>
05.<meta charset="utf-8">
06.<meta name="viewport" content="width=device-width, initial-scale=1">
10.<style>
11.body{margin-top:40px;}
12.</style>
13.<div class="container">
14. <form role="form">
15. <div class="form-group">
16. <label for="sel1">Select List:</label>
17. <select class="form-control" id="sel1">
18. <option>Select</option>
19. <option value="1">Value 1</option>
20. <option value="2">Value 2</option>
21. <option value="3">Value 3</option>
22. <option value="4">Value 4</option>
23. </select>
24. </div>
25. <div class="form-group">
26. <label>Text 1:</label>
27. <input type="text" class="form-control" name="text1">
28. </div>
29. <div class="form-group">
30. <label for="sel2">Select List:</label>
31. <select class="form-control" id="sel2">
32. <option>Select</option>
33. <option value="1">Value 1</option>
34. <option value="2">Value 2</option>
35. <option value="3">Value 3</option>
36. <option value="4">Value 4</option>
37. </select>
38. </div>
39. <div class="form-group">
40. <label >Text 2:</label>
41. <input type="text" class="form-control" name="text2">
42. </div>
43. </form>
44.
45.</div>
46.<script type="text/javascript">
47.$(document).ready(function() {
48. $("#sel1").change(function() {
49. $("input[name='text1']").val($(this).val());
50. });
51. $("#sel2").change(function() {
52. $("input[name='text2']").val($(this).val());
53. });
54.});
55.</script>
56.</body>
57.</html>
Load balance : Server 04
