一个jQ的小例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js" ></script> </head> <body> <select id='select1'> <option>a</option> <option>b</option> <option>c</option> </select> <br> <div id='div'>设置选中项 a <input type='radio' name='r' value='a' /> b <input type='radio' name='r' value='b' /> c <input type='radio' name='r' value='c' /> </div> <br> <input type='text' id='txt' /><input type='button' id='btn' value='add' /> <script type="text/javascript"><!-- $(function(){ $('input[type=radio]').click(function(){ $("#select1 option:contains('"+this.value+"')").attr("selected",true); }); $('#btn').click(function(){ if($('#txt').val()=='') return; $("#select1").append("<option>"+$('#txt').val()+"</option>"); //$($('#txt').val()+"<input type='radio' name='r' value='"+$('#txt').val()+"' />").appendTo($('#div')); $('#div').html( $('#div').html()+$('#txt').val()+"<input type='radio' name='r' value='"+$('#txt').val()+"' />"); $('input[type=radio]').click(function(){ $("#select1 option:contains('"+this.value+"')").attr("selected",true); }); }); }); // --></script> </body> </html>

你可能感兴趣的:(一个jQ的小例子)