Select Option per iniziale

**gattofurbo** · 16-05-2011, 00:40

Ciao,
Premesso che ho poca o quasi niente di esperienza con javascript sto cercando di far funzionare questo che ho trovato nel forum:

function forcedSelect(miovalore) {
var c = document.form_bus.mia_select;
for (var i=0; i<c.options.length; i++) {
if (c.options[i].value == miovalore) {
c.selectedIndex = i;
break;
}
}
}

La form inizia con:
<form action="lista_dones.php" name="form_bus" method="post">

E la select:
<select id="mia_select" name="prov" class="negro12" style="width:130pt;">
<option value="0" selected="selected">Selecciona</option>
<?php
for($x=0;$x<count($nombre_provincia);$x++){
if($nombre_provincia[$x]["id_prov"]==(int)$prov){
$selected="selected";
}else{
$selected="";
}
print("<option value=\"".$nombre_provincia[$x]["id_prov"]."\" ".$selected." >".$nombre_provincia[$x]["provincia"]."</option>");
}
?>
</select>

Semplicemente vorrei che al pressionare la iniziale di una provincia si salti direttamente a lei. Esempio premendo G vado a la prima che inizi con G.
Quello che ho trovato funziona con un semplice select-option, pero nel mio non ci riesco.
Un aiutino?
Saluti & Grazie.

**br1** · 16-05-2011, 08:13

Il name della select e' "prov"

var c = document.form_bus.prov;

**gattofurbo** · 16-05-2011, 10:37

Grazie Br1, provato per no funziona.

La parte select que encontre en el foro é:
<select id="mia_select">
<option value="1">prova1</option>
<option value="2">aaasasa</option>
<option value="3">fffffdvfvd</option>
</select>

E nel esempio funziona normalmente.
Altra idea?
Ciao

**br1** · 16-05-2011, 12:30

Originariamente inviato da gattofurbo
<select id="mia_select">

Non e' quello che ho detto io...

<select id="mia_select" name="prov" class="negro12" style="width:130pt;">

deve essere lo stesso usato nello script... quindi:

var c = document.form_bus.prov;

**gattofurbo** · 16-05-2011, 12:40

Si, é come ho provato pero non funciona.

Copio dal codice:
var c = document.form_bus.prov;
<select id="mia_select" name="prov" class="negro12" style="width:130pt;">

L'altro é il codice original que ho copiato da un post del foro:
http://forum.html.it/forum/showthrea...t+posizionarsi

**cavicchiandrea** · 16-05-2011, 15:50

Vedi se questo può fare al caso tuo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function ActionSelect(sel,val){
var opt=document.getElementById(sel).getElementsByTagName("option");
for (var i=0; i<opt.length; i++){
if(val.length>0 && opt[i].value.substr(0,3).indexOf(val)!=-1){
opt[i].selected=i
}else{
opt[i].selected=0
}
}
}
</script>
</head>

<body>
<div id="main">
<form action="" name="nomeform" method="get">

<select name="sel1" id="sel1">
  <option value="Seleziona">Seleziona</option>
  <option value="Madrid">Madrid</option>
  <option value="Barcellona">Barcellona</option>
  <option value="Malaga">Malaga</option>
  <option value="Siviglia">Siviglia</option>
</select>
<input type="text" onkeyup="ActionSelect('sel1',this.value)"/>
</form>
</div>
</body>
</html>

**gattofurbo** · 16-05-2011, 23:55

Grazie Andrea, pero non funziona ancora.
Copiato e incollato lo script e modificato la select:

<select name="sel1" id="sel1" class="negro12" style="width:130pt;">
<option value="0" selected="selected">Selecciona</option>
<?php
for($x=0;$x<count($nombre_provincia);$x++){
if($nombre_provincia[$x]["id_prov"]==(int)$prov){
$selected="selected";
}else{
$selected="";
}
print("<option value=\"".$nombre_provincia[$x]["id_prov"]."\" ".$selected." >".$nombre_provincia[$x]["provincia"]."</option>");
}
?>
</select>

Ho fatto la prova con il tuo script intero e si funziona l'esempio.
Misteri misteriosi...

**cavicchiandrea** · 17-05-2011, 00:07

Scusa ma se il mio esempio funziona e una volta inserito nella tua pagina non va più il problema sarà nel php

**gattofurbo** · 17-05-2011, 10:28

Potrebbe essere, pero la select funziona senza problemi e il php solo costruisce la option.
Ho provato a cambiare il method da post a get, la varible sel1 a sel.
Pero niente da fare.
Continuano i misteri misteriosi...

**cavicchiandrea** · 17-05-2011, 10:58

Originariamente inviato da gattofurbo
..Continuano i misteri misteriosi...

E se non metti una pagina online pubblica rimarrano tali.

Discussione: Select Option per iniziale

Strumenti discussione

Ricerca discussione

Visualizza

Select Option per iniziale

Permessi di invio