select <option> pos??

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
NDH
Δημοσιεύσεις: 403
Εγγραφή: 03 Φεβ 2009 13:56
Επικοινωνία:

select <option> pos??

Δημοσίευση από NDH » 31 Μάιος 2009 23:14

Λοιπον παιδια οταν εχω μια λιστα στιν html σε <select><option></option></select>
και θελω αναλογα με το τι επιλεξει ο χρηστης να βγαζει μια αλλη λιστα διπλα με υποκατιγοριες της πως το κανω Ευχαριστω!!

Άβαταρ μέλους
paink1ller
Δημοσιεύσεις: 865
Εγγραφή: 21 Ιαν 2008 19:51

select <option> pos??

Δημοσίευση από paink1ller » 31 Μάιος 2009 23:23

γνωριζεις javascript?
Ηobby: Shooting photons

NDH
Δημοσιεύσεις: 403
Εγγραφή: 03 Φεβ 2009 13:56
Επικοινωνία:

select <option> pos??

Δημοσίευση από NDH » 31 Μάιος 2009 23:25

κατι λιγα αλλα ποιο πολυ php

Άβαταρ μέλους
paink1ller
Δημοσιεύσεις: 865
Εγγραφή: 21 Ιαν 2008 19:51

select <option> pos??

Δημοσίευση από paink1ller » 01 Ιουν 2009 00:08

ena aplo paradeigma

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#p_fleft &#123;float&#58;left; margin&#58;0px 0px&#125;

</style>
</head>

<body>
<script type="text/javascript">
	function showlist&#40;itm_clicked&#41; &#123;
		switch&#40;itm_clicked&#41;
		&#123;
			case 1&#58;
			var inhtml = "<select name='lista1' size='5' id='lista5'>";
			inhtml += "<option value='test1'>1_second1</option>";
			inhtml += "<option value='test2'>1_second2</option>";
			inhtml += "<option value='test3'>1_second3</option>";
			inhtml += "<option value='test4'>1_second4</option>";
			inhtml += "</select>";
			break;
			case 2&#58;
			var inhtml = "<select name='lista1' size='5' id='lista5'>";
			inhtml += "<option value='test1'>2_second1</option>";
			inhtml += "<option value='test2'>2_second2</option>";
			inhtml += "<option value='test3'>2_second3</option>";
			inhtml += "<option value='test4'>2_second4</option>";
			inhtml += "</select>";
			break;
			case 3&#58;
			var inhtml = "<select name='lista1' size='5' id='lista5'>";
			inhtml += "<option value='test1'>3_second1</option>";
			inhtml += "<option value='test2'>3_second2</option>";
			inhtml += "<option value='test3'>3_second3</option>";
			inhtml += "<option value='test4'>3_second4</option>";
			inhtml += "</select>";
			break;
		&#125;

		document.getElementById&#40;'sec_list'&#41;.innerHTML= inhtml;
	&#125;
</script>

<p id="p_fleft">
    <select name="lista1" size="5" id="lista1">
      <option value="item1" onclick="showlist&#40;1&#41;">item1</option>
      <option value="item2" onclick="showlist&#40;2&#41;">item2</option>
      <option value="item3" onclick="showlist&#40;3&#41;">item3</option>
      </select>
</p>
<p id="sec_list">
</p>
</body>
</html>
Ηobby: Shooting photons

NDH
Δημοσιεύσεις: 403
Εγγραφή: 03 Φεβ 2009 13:56
Επικοινωνία:

select <option> pos??

Δημοσίευση από NDH » 01 Ιουν 2009 00:12

επιδη αυτο μ φενετε καπος για εξηγησε λιγο αν θες


ααα κατι καταλαβα αλλα πες αν θες

Άβαταρ μέλους
paink1ller
Δημοσιεύσεις: 865
Εγγραφή: 21 Ιαν 2008 19:51

select <option> pos??

Δημοσίευση από paink1ller » 01 Ιουν 2009 00:14

otan kaneis click se kapoio item trexei thn javascript function showlist()

perissotera edw
http://www.w3schools.com/js/default.asp
Ηobby: Shooting photons

NDH
Δημοσιεύσεις: 403
Εγγραφή: 03 Φεβ 2009 13:56
Επικοινωνία:

select <option> pos??

Δημοσίευση από NDH » 01 Ιουν 2009 00:16

Λοιπον προβλημα δεν δουλευει. αφτο που θελω ειναι σε μια φορμα οταν επιλεγω μια κατιγορια να εμφανιζει τιν αντιστοιχη υποκατιγορια χορις ομως να χριαζετε να πατησω το submit αλλα να γινετε αυτοματα και να συνεχιζω την συμπληροση της φορμας μου καιμια ιδεα?? Ευχαριστω!

NDH
Δημοσιεύσεις: 403
Εγγραφή: 03 Φεβ 2009 13:56
Επικοινωνία:

select <option> pos??

Δημοσίευση από NDH » 02 Ιουν 2009 15:38

Λοιπον βρικα και σας ευχαριστω για οποια προσπαθεια!
Να ενα παραδιγμα που βρηκα και εγω που ισως βοηθισει και αλλους!!

<JAVASCRIPT Αρχειο>

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

<SCRIPT>

var dogs = new Array&#40;"poodle","beagle","greyhound"&#41;;
var fish = new Array&#40;"trout", "mackerel", "bass"&#41;;
var birds = new Array&#40;"robin", "hummingbird", "crow"&#41;;

function swapOptions&#40;ArrayName&#41;&#123;
	var ExSelect = document.theForm.examples;
	var theArray = eval&#40;ArrayName&#41;;
	setOptionText&#40;ExSelect, theArray&#41;;
&#125;

function setOptionText&#40;theSelect, theArray&#41;&#123;
	for &#40;loop = 0; loop < theSelect.options.length; loop++&#41;&#123;
		theSelect.options&#91;loop&#93;.text = theArray&#91;loop&#93;;
	&#125;
&#125;

</SCRIPT>

<HTML Αρχειο>

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

 <P><SELECT NAME="chooseCat" ONCHANGE="swapOptions&#40;this.options&#91;selectedIndex&#93;.text&#41;;" SIZE="1">
              <OPTION SELECTED>dogs</OPTION>
              <OPTION>fish</OPTION>
              <OPTION>birds</OPTION>
            </SELECT> <SELECT NAME="examples" SIZE="1">
              <OPTION>poodle</OPTION>
              <OPTION>beagle</OPTION>
              <OPTION>greyhound</OPTION>
            </SELECT></P>

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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