<script type="text/javascript">
		    $(document).ready(function(){
	           $(function(){ 
                  $('select#cb2').change(function(){
				     //var val = 3; // начальное значение (по умолчанию)
					 //$("select#cb2 option:selected").each(function () {
				         val = $('select#cb2 option:selected').val();		  
	                     $.ajax({
	                        url: 'test.php',
	                        type: 'GET',
	                        cache: false,
	                        data:({opt : val}),
	                        success: function(data) {
                                        $('select#cb2').html($('div#result:first',data));
                                     // $('select#cb2').html($('select#cb2',data)); - как вариант пробовал, селект зависает!
						                alert(data);								  				
		                    }
                         });
					 //});					  
                  });
		       });
		    });
		  </script>

         <div id="result"><!--begin block of the selector of products -->
          <select id="cb2" name="cb2" wight ="30" size="1"><!--begin selector of products -->
             <?php
			    if (!isset($_GET['opt'])) { $_GET['opt'] = null; }
		        $num_rows = 50; 		        
				echo "$num_rows Rows\n";
	            for($i=0;$i<$num_rows;$i++) {
				    $str = 'разделов';
                    ?>            
	                  <option value="<?=$i;?>"<?=(isset($_GET['opt'])&&($_GET['opt']==$i))?"selected":'';?>><?=$i+1;?> <?=$str;?></option>             
                    <?
	            }
		        $num_items = isset($_GET['opt']) ? $_GET['opt'] : null;
             ?>
          </select><!--end selector of products -->   
          <?php 
            echo $num_items;   
		  ?>

success: function(data) { $('#result').html(data);}

 <div id="result"><!--begin block of the selector of products -->
            <?php if (!isset($_GET['opt'])) { $_GET['opt'] = null; }
			  $opt = isset($_GET['opt']) ? $_GET['opt'] : 5;
			 ?>
            </div> 

										

зависания и пустого поля нет, но и срабатывает это только один раз после первого выбора ничего не происходит.<option value="<?=$i;?>"<?=(isset($opt)&&($opt==$i))?"selected":'';?>><?=$i+1;?> <?=$str;?></option> 

$("select#cb2 option: selected")

<script type="text/javascript">
  $(document).ready(function(){	
	$("#id1").selector();
	$("#id2").selector();
  });
</script>

 jQuery.fn.selector = function() {
   // do something
 };

Спустя 4 минуты, 7 секунд (17.05.2011 - 22:41) Krevedko написал(а):

я перенес в отдельный файл пхп код, немного выправилось, в алерте остались только опции для селектора. но все равно там строчка лишняя залазит ..вообщем надо переделывать капитально

<div id="result">
<?php  
	 	   if (!isset($_GET['opt'])) {
		         $_GET['opt'] = null;
		      }	   	   
		       $opt = $_GET['opt']; 
			   echo $opt;
?>
</div>

success: function(data) {$('#result').html($('#result', data)); }

success: function(data) { 
alert(data); }

$.ajax({ 
url: 'test.php', 
type: 'GET', 
cache: false, 
data:({opt : val}), 
success: function(data) { 
alert(data); }

<?php echo 'Вы передали - '. $_GET['opt']; ?>