Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

flavialieggio

De um select pra outro

Por , em Javascript

Recommended Posts

flavialieggio    0

flavialieggio
Postado

Ola pessoal,

 

Peguei esse codigo em um dos topicos que fala de select e gostaria de saber se tem como trabalhar com ele de um select pra outro... ou seja no primeiro ele aparece as frutas que esta no banco, por exemplo, dai o usuario clica na fruta que ele que adicionar ou cadastrar e ela aparece num outro select.... nao sei se a logica e essa, mas tem como???

 

Codigo:

<html><head><title>Add/Delete Options From A Select</title><script type="text/javascript">function addOption(selectObject,optionText,optionValue) {	var optionObject = new Option(optionText,optionValue)	var optionRank = selectObject.options.length	selectObject.options[optionRank]=optionObject}function deleteOption(selectObject,optionRank) {	if (selectObject.options.length!=0) { selectObject.options[optionRank]=null }}function testAdd() {	var formObject = document.testForm	if (formObject.optionText.value!="" && formObject.optionValue.value!="") {		addOption(formObject.fruitList,formObject.optionText.value,formObject.optionValue.value)	} else {		alert("Fill form and click Add")	}}function testDelete() {	var formObject = document.testForm	if (formObject.fruitList.selectedIndex!=-1) {		deleteOption(formObject.fruitList,formObject.fruitList.selectedIndex)	} else {		alert("Select an option and click Delete")	}}</script></head><body><form name="testForm">	<select name="fruitList" size="10">		<option>Apple</option>		<option>Kiwi</option>		<option>Banana</option>		<option>Peach</option>		<option>Orange</option>	</select>	<br/>	Fill form and click Add :<br/>	Option Text : <input type="text" name="optionText"/>	Option Value : <input type="text" name="optionValue"/>	<input type="button" value="Add" onclick="testAdd()"/><br/>	Select an option and click Delete : <input type="button" value="Delete" onclick="testDelete()"/></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

flavialieggio    0

flavialieggio
Postado

Ola pessoal,

 

Eu postei acima uma solução que achei do AdrianoAlves, porem to querendo fazer a seguinte modificação

Na select da esquerda qro que os dados venham de uma consulta do banco de dados.. so que nao ta dando certo... vou postar o codigo, gostaria muito da ajuda de voces!!!!

 

<html><head><title>Documento sem título</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script LANGUAGE="JavaScript">function compareOptionValues(a, b) {  var sA = parseInt( a.value, 36 );   var sB = parseInt( b.value, 36 );   return sA - sB;}function compareOptionText(a, b) {  var sA = parseInt( a.text, 36 );   var sB = parseInt( b.text, 36 );   return sA - sB;}function moveDualList( srcList, destList, moveAll ) { if ((srcList.selectedIndex == -1 ) && (moveAll == false)) {   return; } newDestList = new Array( destList.options.length ); var len = 0; for( len = 0; len < destList.options.length; len++ ) {   if ( destList.options[ len ] != null ) {	 newDestList[len] = new Option(destList.options[len].text, destList.options[len].value, destList.options[ len ].defaultSelected, destList.options[len].selected);   } } for( var i = 0; i < srcList.options.length; i++ ) {    if (srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll))   {	  newDestList[ len ] = new Option( srcList.options[i].text, srcList.options[i].value, srcList.options[i].defaultSelected, srcList.options[i].selected );	  len++;   } } newDestList.sort( compareOptionValues ); for ( var j = 0; j < newDestList.length; j++ ) {   if ( newDestList[ j ] != null ) {	 destList.options[ j ] = newDestList[ j ];   } } for( var i = srcList.options.length - 1; i >= 0; i-- ) {    if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) ) {	  srcList.options[i] = null;   } }}</script></head><body><form ACTION="" METHOD="POST" name="myForm"><table border="0"><tr> <td>   <!-- Multiple Select List with 20 rows size and 70 pixels wide -->   <!-- Using   for SPACING and alignment -->   <select multiple size="20" style="width:70" name="listLeft"><?PHPinclude ('includes/conexao.php');$query = "SELECT * FROM sipesca.spescatb028_popular";$statement = OCIParse ($conn, $query);OCIExecute ($statement);while (OCIFetchInto ($statement, $row, OCI_ASSOC)) {   //print $row['COD_UF'];   //print $row['SIG_UF'];   //print $row['NOM_UF'];     echo "<option value='".$row['NU_POPULAR']."'>".$row['DE_POPULAR']."</option>";}ocilogoff($conn);?>	</select> </td> <td><NOBR>      <input type="button" style="width:90" onclick="moveDualList(this.form.listLeft, this.form.listRight, false )" name="Add	 >>"  value="Add	   >>">	 <BR>  <!--<NOBR>	      <input type="button" style="width:90" onclick="moveDualList(this.form.listRight, this.form.listLeft, false )" name="Add	 <<"  value="Add	   <<">	 <BR>-->   <NOBR>	      <input type="button" style="width:90" onclick="moveDualList( this.form.listLeft,  this.form.listRight, true  )" name="Add All >>"  value="Add All >>">	 <BR><!--  <NOBR>	      <input type="button" style="width:90" onclick="moveDualList(this.form.listRight, this.form.listLeft, true  )" name="Add All <<"  value="Add All <<">	 <BR>-->   </NOBR> </td> <td>   <select multiple size="20" style="width:70" name="listRight">   </select> </td></tr></table></form></body></html>

[]´s

Flávia

Compartilhar este post

Link para o post
Compartilhar em outros sites

flavialieggio    0

flavialieggio
Postado

Galera,

 

sera que tenho que mudar algo nestas funções:

 

function compareOptionValues(a, b) {  var sA = parseInt( a.value, 36 );   var sB = parseInt( b.value, 36 );   return sA - sB;}function compareOptionText(a, b) {  var sA = parseInt( a.text, 36 );   var sB = parseInt( b.text, 36 );   return sA - sB;}

o que seria o 36????

 

nao sou tao expert em js, vcs podem me orientar.. a consulta do banco retorna resultado redondinho, so nao sei porque nao aparece no select os resultados??!?!?!?! :huh:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito