refresh select box

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
vcore
Δημοσιεύσεις: 354
Εγγραφή: 20 Δεκ 2003 01:19
Τοποθεσία: Crete
Επικοινωνία:

refresh select box

Δημοσίευση από vcore » 18 Μάιος 2010 01:25

έχω τον εξής κώδικα:

Κώδικας: Επιλογή όλων

		<form action="" method="post" name="form_menu_move" id="form_menu_move">
                    <select name="change_menu_parent_id" id="change_menu_parent_id" class="txtarea" style="width&#58;280px;">  
                    <option value="0">-&nbsp;-&nbsp;- Αρχικό Menu -&nbsp;-&nbsp;-</option>           
							<?
                                    include &#40;"configuration/config.php"&#41;;
                                    include &#40;"functions/selectbox.php"&#41;;
                                    
                                    // draw dropdown
                                    //categories_dropdown&#40;$menu_parent_id=0, $indent=0, $selected=$_GET&#91;'mid'&#93;&#41;;								
									categories_dropdown&#40;$menu_parent_id=0, $indent=0&#41;;
                                    echo $categories_dropdown_html;
                            ?>           
                                      
					</select>
                    <br />
                    <br />
		<div align="center">
        	<input name="mid" id="mid" value="<? echo $mid;?>" type="hidden">
			<input name="menu_move" value="Μεταφορά" id="menu_move" class="button_medium" type="submit">&nbsp;&nbsp;&nbsp;
        	<input name="close_menu_move" value="Κλείσιμο" id="close_menu_move" class="button_medium" type="submit"/>
        </div>
		</form>
θέλω μέσω jquery να τρέξω πάλι το εξής:

Κώδικας: Επιλογή όλων

<?
                                    include &#40;"configuration/config.php"&#41;;
                                    include &#40;"functions/selectbox.php"&#41;;
                                    
                                    // draw dropdown
                                    //categories_dropdown&#40;$menu_parent_id=0, $indent=0, $selected=$_GET&#91;'mid'&#93;&#41;;								
									categories_dropdown&#40;$menu_parent_id=0, $indent=0&#41;;
                                    echo $categories_dropdown_html;
                            ?>           
με αυτό τον τρόπο θα καταφέρω να κάνω refresh το select box.
Υπάρχει κανένα tip?

Ευχαριστώ πολύ.
Easy CMS
------------
Το να ζητάς βοήθεια δεν σημαίνει ότι είσαι εξαρτημένος.

Άβαταρ μέλους
vcore
Δημοσιεύσεις: 354
Εγγραφή: 20 Δεκ 2003 01:19
Τοποθεσία: Crete
Επικοινωνία:

refresh select box

Δημοσίευση από vcore » 18 Μάιος 2010 22:56

ουδείς?
Easy CMS
------------
Το να ζητάς βοήθεια δεν σημαίνει ότι είσαι εξαρτημένος.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

refresh select box

Δημοσίευση από korgr » 18 Μάιος 2010 23:19

Μηπως σε βοηθαει καθολου η λογικη αυτου:
http://remysharp.com/wp-content/uploads ... elect.html
Ο κωδικας του:

Κώδικας: Επιλογή όλων

<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>Select test</title>
		<script type="text/javascript" src="/js/jquery.js"></script>
		<script type="text/javascript" charset="utf-8">
		$&#40;function&#40;&#41;&#123;
			$&#40;"select#ctlJob"&#41;.change&#40;function&#40;&#41;&#123;
				$.getJSON&#40;"select.php",&#123;id&#58; $&#40;this&#41;.val&#40;&#41;&#125;, function&#40;j&#41;&#123;
					var options = '';
					for &#40;var i = 0; i < j.length; i++&#41; &#123;
						options += '<option value="' + j&#91;i&#93;.optionValue + '">' + j&#91;i&#93;.optionDisplay + '</option>';
					&#125;
					$&#40;"#ctlPerson"&#41;.html&#40;options&#41;;
					$&#40;'#ctlPerson option&#58;first'&#41;.attr&#40;'selected', 'selected'&#41;;
				&#125;&#41;
			&#125;&#41;			
		&#125;&#41;
		</script>
	</head>

	<body>
		<select id="ctlJob">
			<option value="1">Manager</option>
			<option value="2">Lead Dev</option>
			<option value="3">Developer</option>
		</select>
		<select id="ctlPerson">

			<option value="1">Mark</option>
			<option value="2">Andy</option>
			<option value="3">Richard</option>
		</select>
	</body>
</html>
Βασει αυτου:
http://remysharp.com/2007/01/20/auto-po ... uery-ajax/

Άβαταρ μέλους
vcore
Δημοσιεύσεις: 354
Εγγραφή: 20 Δεκ 2003 01:19
Τοποθεσία: Crete
Επικοινωνία:

refresh select box

Δημοσίευση από vcore » 19 Μάιος 2010 00:44

Ευχαριστώ νότη!.

My Way:

Πήγα τον εξής κώδικα σε ένα άλλο file: test.php

Κώδικας: Επιλογή όλων

<?							
	// Way to deny direct access to php files
	define&#40;"easycms", true&#41;;
	
	header&#40;'content-type&#58; text/html; charset=utf-8'&#41;; 
?>

<select name="change_menu_parent_id" id="change_menu_parent_id" class="txtarea" style="width&#58;280px;">  
	<option value="0">-&nbsp;-&nbsp;- Αρχικό Menu -&nbsp;-&nbsp;-</option>  

	<?	
       include &#40;"configuration/config.php"&#41;;
       include &#40;"functions/selectbox.php"&#41;;
                                    
       // draw dropdown
       //categories_dropdown&#40;$menu_parent_id=0, $indent=0, $selected=$_GET&#91;'mid'&#93;&#41;;								
	   categories_dropdown&#40;$menu_parent_id=0, $indent=0&#41;;
       echo $categories_dropdown_html;
	   
    ?>           
                            
</select>
Και μετά στην κεντρική σελίδα έχω το εξής:

Κώδικας: Επιλογή όλων

$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;	
						   
	$&#40;'#reload_selectbox'&#41;.load&#40;"test.php"&#41;.show&#40;&#41;;						   
	
	// An einai gia menu
 	$&#40;'#close_menu_move'&#41;.click&#40;function &#40;&#41; &#123;
		self.parent.tb_remove&#40;&#41;;		
		self.parent.location.reload&#40;&#41;;
		return false;
	&#125;&#41;;	
	
 	$&#40;'#change_menu_parent_id'&#41;.click&#40;function &#40;&#41; &#123;
		$&#40;'#message_change_menu'&#41;.hide&#40;0&#41;;
	&#125;&#41;;		
	
	$&#40;'#menu_move'&#41;.click&#40;function &#40;&#41; &#123;
				
				// var pou tha peraso sto php gia na elenkso an prokite na ginei allagi se menu
				var func = 'menu';
				
				$.ajax&#40;&#123;
				type &#58; 'POST',
				url &#58; 'functions/menu_move.php',
				dataType &#58; 'json',
				data&#58; &#123;				
					change_menu_parent_id  &#58; $&#40;'#change_menu_parent_id'&#41;.val&#40;&#41;,
					original_menu_id &#58; $&#40;'#mid'&#41;.val&#40;&#41;,
					func &#58; func
				&#125;,
				success &#58; function&#40;data&#41;&#123;
					$&#40;'#message_change_menu'&#41;.removeClass&#40;&#41;.addClass&#40;&#40;data.error === true&#41; ? 'error' &#58; 'success'&#41;
						.text&#40;data.msg&#41;.show&#40;100&#41;;						
					if &#40;data.error === true&#41; &#123;
						$&#40;'#form_menu_move'&#41;.show&#40;100&#41;;					
					&#125; else if &#40;data.error === false&#41; &#123;
						$&#40;'#reload_selectbox'&#41;.load&#40;"test.php"&#41;.show&#40;&#41;;
				   &#125;&#125;,
				error &#58; function&#40;XMLHttpRequest, textStatus, errorThrown&#41; &#123;
					$&#40;'#message_change_menu'&#41;.removeClass&#40;&#41;.addClass&#40;'error'&#41;
						.text&#40;'There was an error.'&#41;.show&#40;100&#41;;
					$&#40;'#form_menu_move'&#41;.show&#40;100&#41;;
						//alert&#40;XMLHttpRequest.status&#41;;
						//alert&#40;errorThrown&#41;;				
				&#125;
			&#125;&#41;;
		
		return false;
	&#125;&#41;;	

Και η πετσοκομένη φόρμα:

Κώδικας: Επιλογή όλων

		<form action="" method="post" name="form_menu_move" id="form_menu_move">
                                                                      					                     
                    <div id="reload_selectbox"></div>
                    
                    <br />
                    <br />
		<div align="center">
        	<input name="mid" id="mid" value="<? echo $mid;?>" type="hidden">
			<input name="menu_move" value="Μεταφορά" id="menu_move" class="button_medium" type="submit">&nbsp;&nbsp;&nbsp;
        	<input name="close_menu_move" value="Κλείσιμο" id="close_menu_move" class="button_medium" type="submit"/>
        </div>
		</form>   


Και το αποτέλεσμα εδώ: http://www.datalabs.ws/easycms/administrator/menu.php
Ελπίζω να βοηθήσει κανένα.
Ciao! :pint:
Easy CMS
------------
Το να ζητάς βοήθεια δεν σημαίνει ότι είσαι εξαρτημένος.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες