Get Values With Jquery

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

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

Απάντηση
dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 12:52

Παιδιά έχω ένα input:

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

<input type="text" name="Code" id="Code" />
και ένα select

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

<select name="Colors" id="Colors">
<option value="1">Κόκκινο<option>
<option value="2">Μπλε<option>
<option value="3">Πράσινο<option>
<option value="4">Κίτρινο<option>
</select>
Θέλω μόλις γράφω τον αριθμό 2 στο παραπάνω πεδίο input να μου επιλέγει το χρώμα στο select

Το πάλεψα πολύ αλλά δεν κατάφερα κάτι δείτε εδώ:


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

	$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;
		$&#40;'#Code'&#41;.keyup&#40; function&#40;&#41; &#123;
		          var Code= $&#40;this&#41;.val&#40;&#41;;
		          
                   $&#40;'select#Colors'&#41;.find&#40;'option'&#41;.each&#40;function&#40;&#41; &#123;
                        var ColorValue = $&#40;this&#41;.val&#40;&#41;;
                        if&#40; Code == ColorValue  &#41; &#123;
                            $&#40;"select#Colors"&#41;.attr&#40;"selected","selected"&#41;;
                        &#125; 
                   
                            
                    &#125;&#41;;
                     
           

	&#125;&#41;;
&#125;&#41;;
Ξέρει κάποιος πως θα το κάνω ???

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Get Values With Jquery

Δημοσίευση από dimsis » 14 Μαρ 2011 13:24

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

$&#40;function&#40;&#41; &#123; 
	$&#40;'#Code'&#41;.keyup&#40; function&#40;&#41; &#123;
		var Code=parseInt&#40;$&#40;this&#41;.val&#40;&#41;&#41;; 
		$&#40;'select#Colors option&#91;value='+Code+'&#93;'&#41;.attr&#40;'selected', 'selected'&#41;;
   &#125;&#41;;
&#125;&#41;;
πρόσεχε αντί για </option> ανοίγεις και άλλα option στο παραπάνω σου παράδειγμα...

demo: http://avadaz.com/playground/jquery_cha ... _input.htm

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 13:31

Το δοκίμασες αυτό ?? παίζει ??

γιατί το έβαλα και δεν παίζει !!

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Get Values With Jquery

Δημοσίευση από dimsis » 14 Μαρ 2011 13:34

Σου 'βαλα demo link ... για δες.
fx, chrome και ie παίζει που το δοκίμασα.

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 13:36

σε ευχαριστώ πάρα πολύ dimsis θα το κοιτάξω

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 13:45

Όπα εδώ σε θέλω τώρα να με βοηθήσεις.

Το select που έχω είναι από τα ui demos δες εδώ http://jqueryui.com/demos/autocomplete/#combobox

Αν βάλω αυτά που έχεις

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

<script src="http&#58;//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">

  google.load&#40;"jquery", "1.5.1"&#41;; 
  google.load&#40;"jqueryui", "1.8.10"&#41;;

</script>
Παίζει αλλά μου χαλάει την μορφοποίηση του editable select

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Get Values With Jquery

Δημοσίευση από dimsis » 14 Μαρ 2011 13:47

Αν σου χαλάει τη μορφοποίηση βάλε να σου φορτώσει το ui όπως το φόρτωνες πριν και ξαναδοκίμασε ή φόρτωσε από το CDN και το theme που θέλεις π.χ.
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jq ... ery-ui.css" />
δες εδώ τα url για τα themes του 1.8.1 http://blog.jqueryui.com/2010/05/jquery-ui-181/

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 13:52

Έτσι το φορτώνω παίζει η εμφάνιση αλλά δεν παίζει όταν γράφω τον αριθμό για να μου επιλέξει το select value

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

<script type="text/javascript" src="js/jquery-1.5.js" language="javascript"></script> 
<link href="js/jquery-ui-1.8/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="js/jquery-ui-1.8/js/jquery-1.4.4.min.js" language="javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8/js/jquery-ui-1.8.10.custom.min.js" language="javascript"></script>  

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Get Values With Jquery

Δημοσίευση από dimsis » 14 Μαρ 2011 14:35

Μια πρώτη γρήγορη σκέψη είναι αυτή:
http://avadaz.com/playground/jquery_cha ... input2.htm

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Get Values With Jquery

Δημοσίευση από fafos » 14 Μαρ 2011 15:15

dpa έγραψε:Έτσι το φορτώνω παίζει η εμφάνιση αλλά δεν παίζει όταν γράφω τον αριθμό για να μου επιλέξει το select value

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

<script type="text/javascript" src="js/jquery-1.5.js" language="javascript"></script> 
<link href="js/jquery-ui-1.8/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="js/jquery-ui-1.8/js/jquery-1.4.4.min.js" language="javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8/js/jquery-ui-1.8.10.custom.min.js" language="javascript"></script>  
kaleis 2 fores thn jquery...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 16:24

Paidia sas euxaristo kai tous dyo

dimsis dokimasa auto edw einai para poly kalo kai paizei.
http://avadaz.com/playground/jquery_cha ... input2.htm

Egw omos stin selida mou exw 2 editable select kai molis grafo ton kwdiko tou xromatos allazei kai ta 2.

Giati exeis valei anaferete se ola ta input.ui

//$('select#Colors option[value='+Code+']').attr('selected', 'selected');

$('input.ui-autocomplete-input').val($('select#Colors option[value='+Code+']').attr('selected', 'selected').text());

Auto pou exeis sta sxolia den paizei mono to kato alla mou allazei tin timi kai sta 2 editable select

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Get Values With Jquery

Δημοσίευση από dimsis » 14 Μαρ 2011 16:47

Δώσε διαφορετικά id και αν δεν μπορείς, βάλε ένα wrapper div , span κάτι και δώσε εκεί id και μετά αναφέρσου στο στυλ
$('span.tade1 input.ui-autocomplete-input')
$('span.tade2 input.ui-autocomplete-input')
...

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 18:40

Φίλοι μου συγνώμη που καθυστέρησα να απαντήσω όλα ΟΚ.

Σας ευχαριστώ μέσα από την καρδιά μου και τους 2 σας.

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 19:05

Αν θέλω να κάνω το αντίθετο ???


Δηλαδή όταν επιλέγω στο select το χρώμα στο input να μου εμφανίζει τον κωδικό ???

Δοκίμασα αυτό αλλά δεν παίζει !!

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

         $&#40;'select#Colors'&#41;.change&#40; function&#40;&#41; &#123;
            var ColorValue =  $&#40;this&#41;.val&#40;&#41;;
            $&#40;'#Code'&#41;.val&#40;ColorValue&#41;;
	&#125;&#41;;

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Get Values With Jquery

Δημοσίευση από dpa » 14 Μαρ 2011 19:41

ok paidia to vrika
thanks

Απάντηση

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

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

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