Jump to content

2 līmeņu combo box

Earl

Earl,
in WEB izstrādes lietas

 Share

Recommended Posts

Earl

Earl

Ierakstīts
Ierakstīts

Labdien!

Nesen sāku apgūt PHP... tātad esmu iesācējs..

Vēlos izveidot formu ar 'combo box' tā, lai izvēloties pirmajā 'combo box', piemēram, 2. atribūtu, zemāk kļūtu aktīvs otrs 'combo box', kurā varētu izvēlēties nākamos atribūtus..

+ vēl - kā to sasaistīt ar MySQL datu bāzi, lai izvēlētās vērtības tiktu nosūtītas uz datu bāzi?

 

Parakos internetā un atradu šādu kodu: 

<HTML><HEAD>
<TITLE>WebReference.com</TITLE>
<META name=description content=Cascading Menu generated at SuperTom.Com>

<!-- original code and docs at http://www.webreference.com/dev/menus/ -->
<!-- you need this stuff below -->
<META content=history name=save>
<STYLE>.saveHistory {
BEHAVIOR: url(#default#savehistory)
}
</STYLE>
<!-- you need this stuff above-->

<script language=JavaScript>
<!--
v=false;
//-->
</SCRIPT>

<script language=JavaScript1.1>
<!--
if (typeof(Option)+"" != "undefined") v=true;
//-->
</SCRIPT>

<script language=JavaScript>
<!--
/*
// GENERATED BY MENUGEN located at http://www.supertom.com/menugen/
*/
if(v){a=new Array(22);}

function getFormNum (formName) {
var formNum =-1;
for (i=0;i<document.forms.length;i++){
	tempForm = document.forms[i];
	if (formName == tempForm) {
		formNum = i;
		break;
	}
}
return formNum;
}

function jmp(form, elt)
// The first parameter is a reference to the form.
{
if (form != null) {
	with (form.elements[elt]) {
		if (0 <= selectedIndex)
			location = options[selectedIndex].value;
	}
}
}

var catsIndex = -1;
var itemsIndex;

if (v) { // ns 2 fix
function newCat(){
catsIndex++;
a[catsIndex] = new Array();
itemsIndex = 0;
}

function O(txt,url) {
a[catsIndex][itemsIndex]=new myOptions(txt,url);
itemsIndex++;
}

function myOptions(text,value){
this.text = text;
this.value = value;
}

// fill array here

newCat();   //Bankets
newCat();   //Numuriņš
O("Ģimenes","Ģimenes");
O("Divvietīgs","Divvietīgs");
O("Divvietīgs luksus","Divvietīgs luksus");
newCat();   //Baseins un sauna
newCat();   //Telts vieta
newCat();   //Basketbola laukums
newCat();   //Futbola laukums
newCat();   //Volejbola laukums
// end fill array
} // if (v)



function relate(formName,elementNum,j) {
if(v){
	var formNum = getFormNum(formName);
	 if (formNum>=0) {
		formNum++; // reference next form, assume it follows in HTML
		with (document.forms[formNum].elements[elementNum]) {
			for(i=options.length-1;i>0;i--) options[i] = null; // null out in reverse order (bug workarnd)
			for(i=0;i<a[j].length;i++){
				options[i] = new Option(a[j][i].text,a[j][i].value);
			}
			options[0].selected = true;
		}
	}
}
else {
	jmp(formName,elementNum);
}
}



function IEsetup(){
if(!document.all) return;
IE5 = navigator.appVersion.indexOf("5.")!=-1;
if(!IE5) {
	for (i=0;i<document.forms.length;i++) {
		document.forms[i].reset();
	}
}
}

window.onload = IEsetup;

//-->
</SCRIPT>

</HEAD>
<BODY bgColor=#ffffff>
<CENTER>

<TABLE bgColor=#FFFFFF border=1 cellPadding=0 cellSpacing=0 bordercolor=#000000>
<TR><TD>

<TABLE bgColor=#FFFFFF border=0 cellPadding=4 cellSpacing=2>
 <TBODY>
 <TR>
<TD vAlign=top>Box1</TD>
  <TD vAlign=top>
  <FORM action=http://www.webreference.com/cgi-bin/redirect.cgi method=post name=f1
  onsubmit="return false;">
  <SELECT class=saveHistory id=m1 name=m1 onchange=relate(this.form,0,this.selectedIndex)>

	<option value="Bankets">Bankets</option>
<option value="Numuriņš">Numuriņš</option>
<option value="Baseins un sauna">Baseins un sauna</option>
<option value="Telts vieta">Telts vieta</option>
<option value="Basketbola laukums">Basketbola laukums</option>
<option value="Futbola laukums">Futbola laukums</option>
<option value="Volejbola laukums">Volejbola laukums</option>


	</SELECT>

  </FORM></TD>
  </TR>
<TR>
<TD vAlign=top>Box2</TD>
  <TD vAlign=top>
  <FORM action=http://www.webreference.com/cgi-bin/redirect.cgi method=post name=f2
  onsubmit="return false;">
  <SELECT class=saveHistory id=m2 name=m2 onchange=jmp(this.form,0)>




	</SELECT>

	<INPUT name=baseurl type=hidden value=http://www.webreference.com>
</FORM></TD></TR>
</TBODY></TABLE>
</TD></TR></TABLE>
</CENTER></BODY></HTML>

 

 

.. bet nu, vēlētos 'advancētāku', kā aprakstīju...

 

Ļoti priecāšos, ja atradīsies kāds atsaucīgs speciālists un izpalīdzēs man ar šo..

Link to comment
Share on other sites
Earl

Earl

  • Author

Paldies! ;)

 

Bet es jau vēl (laikam gan NAIVI) ceru, ka būs kāds labdaris, kas man gatavu kodiņu iedos :shock:

Man tiešām ļooooti nepieciešama palīdzība

Link to comment
Share on other sites
Watch IT

Watch IT

Nu nedos tev neviens šitādu kodu par skaistām acīm.

Es pat ja godīgi nesapratu, kas tas "combo box" tāds ir.

Link to comment
Share on other sites
Vilx-

Vilx-

To var realizēt dažādos veidos, bet vienkārši tas nav. Varbūt, ka internetā ir kādi gatavi piemēri.

Link to comment
Share on other sites

Izveido kontu, vai pieraksties esošajā, lai komentētu

Jums ir jābūt šī foruma biedram, lai varētu komentēt tēmas

Izveidot jaunu kontu

Piereģistrējies un izveido jaunu kontu, tas būs viegli!

Reģistrēt jaunu kontu

Pierakstīties

Jums jau ir konts? Pierakstieties tajā šeit!

Pierakstīties tagad!
 Share
Iet uz tēmu sarakstu
×
×
  • Izveidot jaunu...