01.<?php
02.if(isset($_GET['slc'])){
03. $s=$_GET['slc'];
04. $x=array(
05. 'complete'=>true,
06. 'option'=>'<option value=1 >Data '.$s.'>1</option>'
07. . '<option value=2 >Data '.$s.'>2</option>'
08. . '<option value=3 >Data '.$s.'>3</option>'
09. );
10. echo json_encode($x); exit;
11.}
12.?><!doctype html>
13.<html lang="en">
14.<head>
15. <title>Test Radio</title>
16. <script src="/asset/js/jquery-1.11.3.min.js"></script>
17. <script>
18. var ar = {};
19. $(document).ready(function(){
20. $('.r').click(function(){
21. var val=$(this).val();
22. if( typeof(ar['data'+val]) == 'undefined'){
23. $.ajax({ url:'', type: 'GET', data: {slc: val}, dataType: 'json' })
24. .done((rs)=>{
25. if(rs.complete===true){
26. ar['data'+val]=rs.option;
27. $('select').empty().append(rs.option);
28. }else{
29. alert('can not load options');
30. }
31. });
32. }else{
33. $('select').empty().append(ar['data'+val]);
34. }
35. });
36. });
37. </script>
38.</head>
39.<body>
40.<input type=radio class=r name="radio[]" value="1" /> test1 <br>
41.<input type=radio class=r name="radio[]" value="2" /> test2 <br>
42.<input type=radio class=r name="radio[]" value="3" /> test3 <br>
43.<select name=descript ></select>
44.</body>
45.</html>
