Select box και live μήνυμα

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

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

Απάντηση
scor
Δημοσιεύσεις: 82
Εγγραφή: 19 Ιουν 2010 02:10

Select box και live μήνυμα

Δημοσίευση από scor » 12 Οκτ 2010 16:49

Καλησπέρα .
έχω το παρακάτω select box όπου έχω μέσα 2 τιμές

κώδικας:

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

<select class="element select medium"  
        id="ktirio"  
        name="ktirio"> 
              <option value="" selected="selected"> </option> 
              <option value="Καθαρισμός" >Καθαρισμός</option> 
              <option value="Συντήρηση" >Συντήρηση</option> 
            </select> 
θέλω τώρα μέσα στην φόρμα όταν θα επιλέγω την τιμή "Καθαρισμός" δίπλα από το κουτάκι να μου λέει : "προσφορά καθαρισμού 2 μήνες"


μπορείτε να με βοηθήσετε ;
ευχαριστώ ..

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

Select box και live μήνυμα

Δημοσίευση από dva_dev » 12 Οκτ 2010 17:30

Δοκίμασε κάτι τέτοιο:

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

<html>
<head>
<script type="text/javascript" language="javascript">
	function setText&#40;str&#41;
	&#123;
		document.getElementById&#40;"string_placeholder"&#41;.innerText = str;
	&#125;

	function ktirio_change&#40;elem&#41;
	&#123;
		if &#40;elem.value == "Καθαρισμός"&#41; &#123;
			setText&#40;"προσφορά καθαρισμού 2 μήνες"&#41;;
		&#125;
		else &#123;
			setText&#40;""&#41;;
		&#125;
	&#125;
</script>
</head>
<body>
	<select class="element select medium" id="ktirio" name="ktirio" onchange="ktirio_change&#40;this&#41;;"> 
	<option value="" selected="selected"> </option>
	<option value="Καθαρισμός" >Καθαρισμός</option>
	<option value="Συντήρηση" >Συντήρηση</option>
	</select>
	<span id="string_placeholder"></span>
</body>
</html>

scor
Δημοσιεύσεις: 82
Εγγραφή: 19 Ιουν 2010 02:10

Select box και live μήνυμα

Δημοσίευση από scor » 12 Οκτ 2010 18:07

δουλεύει άψογα σε ευχαριστώ πάρα πάρα πάρα πολύ !!!!! :respect: :respect:

scor
Δημοσιεύσεις: 82
Εγγραφή: 19 Ιουν 2010 02:10

Select box και live μήνυμα

Δημοσίευση από scor » 13 Οκτ 2010 10:05

Μπορώ τώρα με το ίδιο σκεπτικό όταν θα επιλέγω την "συντήρηση" να βγαίνει ένα select box με 2-3 επιλογές όπως 1 φορά το μήνα , 2 φορές το μήνα, 3 φορές το μήνα.. και να επιλέγω αυτό που θέλω ... ;

ευχαριστώ

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

Select box και live μήνυμα

Δημοσίευση από korgr » 13 Οκτ 2010 10:29

Φυσικά και μπορείς. Μελέτησε τον τρόπο σκέψης του συναδέλφου. Όπως με μια συνθήκη του selected option "Καθαρισμός" εμφανίζει το κείμενο, πρέπει να προσθέσεις από κάτω και την νέα συνθήκη που θα εμφανίζει το νεο select menu. Το νέο αυτό λιστάκι θα πρέπει να το δημιουργήσεις στην HTML σου, με style="display:none" (ή visibility:hidden), και να δίνεις τις ανάλογες εντολές από την Js function για εμφάνιση ή απόκρυψή του κάθε φορά.

scor
Δημοσιεύσεις: 82
Εγγραφή: 19 Ιουν 2010 02:10

Select box και live μήνυμα

Δημοσίευση από scor » 13 Οκτ 2010 15:07

δυστυχώς :( δεν τα πάω και τόσο καλά με την javascript έχω ψάξει αρκετά στο google για τα functions αλλά δε μπορώ να καταλάβω πως θα το ορίσω το select box..

έχω καταλάβει περίπου αυτό που λες δηλ. να φτιάξω hidden select box και ανάλογα την επιλογή να εμφανίζεται και το ανάλογο..

στη πράξη κολλάω λίγο ..

αν μπορείτε να μου δώσετε κάποιο link να διαβάσω κάτι παρεμφερές ή κάποιο δικό σας παράδειγμα ... (μπορεί να μην το ψάχνω και σωστά)

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

Select box και live μήνυμα

Δημοσίευση από dva_dev » 13 Οκτ 2010 16:43

Κάνε μια αναζήτηση για javascript change display ή javascript change visibility.
Θα δεις αρκετά παραδείγματα.
Πάντως θα πρότεινα γενικότερα να ξεψαχνίσεις τα
http://www.w3schools.com/htmldom/dom_using.asp
http://www.javascriptkit.com/domref/

Η στοιχειώδης γνώση της html είναι νομίζω αυτονόητη.

scor
Δημοσιεύσεις: 82
Εγγραφή: 19 Ιουν 2010 02:10

Select box και live μήνυμα

Δημοσίευση από scor » 22 Νοέμ 2010 11:03

Αν και με μαλώσατε τη βρήκα τη λύση και την εναποθέτω εδώ μήπως και τη χρειαστεί και κάποιος άλλος.

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

<head>
    <script>
        var countriesAndCites = new Array &#40;&#41;;
 
        countriesAndCites&#91;'Australia'&#93; = &#91;'Brisbane', 'Melbourne', 'Sydney'&#93;;
        countriesAndCites&#91;'England'&#93; = &#91;'Liverpool', 'London', 'Manchester'&#93;;
        countriesAndCites&#91;'Germany'&#93; = &#91;'Berlin', 'Hamburg', 'Munich'&#93;;
        countriesAndCites&#91;'USA'&#93; = &#91;'Chicago', 'Los Angeles', 'New York'&#93;;
 
        function ChangeSecondDropContent &#40;select1, select2&#41; &#123; 
 
            var country = select1.options&#91;select1.selectedIndex&#93;.text;
            var select2 = document.getElementById &#40;select2&#41;;
 
            // removes all options from select 2
            while &#40;select2.options.length&#41; &#123;
                select2.options.remove &#40;0&#41;;
            &#125;
 
            // adds new options to select 2
            var countryArray = countriesAndCites&#91;country&#93;;
 
            if &#40;countryArray&#41; &#123;
                for &#40;var i=0; i < countryArray.length; i++&#41; &#123;
                    var option = new Option &#40;countryArray&#91;i&#93;, i&#41;;
                    select2.options.add &#40;option&#41;;
                &#125;
            &#125;
        &#125; 
    </script>
</head>
<body>
<body> 
 
    <select id="dropDown1" name="dropDown1" onchange="ChangeSecondDropContent&#40;this, 'dropDown2'&#41;;"> 
        <option value="0">-- Country --</option> 
        <option value="1">Australia</option> 
        <option value="2">England</option> 
        <option value="3" selected>Germany</option> 
        <option value="4">USA</option> 
    </select> 
 
 
    <select id="dropDown2" name="dropDown2"> 
        <option value="7" selected>Berlin</option> 
        <option value="8">Hamburg</option> 
        <option value="9">Munich</option> 
    </select> 
 
</body> 
 

Απάντηση

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

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

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