Ir para conteúdo

Arquivado

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

Thiago Duarte

Apareçer a função option junto com a opção selected

Por , em PHP

Recommended Posts

Thiago Duarte    23

Thiago Duarte
Postado

Olá galera, eu estou com um pequeno problema, é o seguinte, eu quero colocar selecionado "selected" numa opção e quero que apareçe tambem o valor "value", por exemplo, digamos que eu escolhi <option value="19,90" selected="selected">Anual</option> ai irá aparecer anual selecionado e o valor 19,90 não apareçe, alguem sabe como fazer para apreçer também ???

 

olhem ai como eu fiz

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Example</title>

<script type="text/javascript">

<!--

function handleOnChange(select_element)

{

var tform = select_element.form;

if (tform)

{

tform.getElementsByTagName("span")[0].innerHTML = select_element.value;

 

}

}

// -->

</script>

 

</head>

<body>

 

<form onsubmit="return false">

<span style="font-size:41px; font-family:Arial, Helvetica, sans-serif"></span>

<select name="example_select" onchange="handleOnChange(this)">

<option value="4,90" selected="selected">Anual</option>

<option value="6,90">semestral</option>

<option value="7,90">trimestral</option>

<option value="9,90">mensal</option>

</select>

<br />

 

 

</form>

<br />

<form onsubmit="return false">

<span style="font-size:41px; font-family:Arial, Helvetica, sans-serif"></span>

<select name="example_select" onchange="handleOnChange(this)">

<option value="9,90" selected="selected">Anual</option>

<option value="11,90">semestral</option>

<option value="12,90">trimestral</option>

<option value="14,90">mensal</option>

</select>

<br />

 

</form>

<br />

<form onsubmit="return false">

<span style="font-size:41px; font-family:Arial, Helvetica, sans-serif"></span>

<select name="example_select2" onchange="handleOnChange(this)">

<option value="19,90" selected="selected">Anual</option>

<option value="21,90">semestral</option>

<option value="22,90">trimestral</option>

<option value="24,90">mensal</option>

</select>

<br />

</form>

 

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Como está sendo criado esses SELECTS? é por PHP?

 

Se for com javascript você pode pegar o value e usar o innerhtml para inserir o texto,

olha esse exemplo:

 

http://www.tizag.com/javascriptT/javascript-innerHTML.php

 

Tente explicar um pouco melhor pois não consegui compreender seu problema

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Duarte    23

Thiago Duarte
Postado

Olá Gabriel, é Java script que estou usando.

 

quando usa <option value="4,90" selected="selected">Anual</option>

 

Só apareçe selecionado "Anual" no select

 

gostaria que fosse exibido o valor "4,90" também, entendeu ?

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Duarte    23

Thiago Duarte
Postado

copia esse codigo ai que eu postei que voce vai entender melhor, vai ter um combobox com varios valores

 

olha esse ex:

<option value="4,90" selected="selected">Anual</option>

<option value="6,90">semestral</option>

<option value="7,90">trimestral</option>

<option value="9,90">mensal</option>

 

obs: eu usei selected na primeira opção "Anual"

 

ai só fica marcado "Anual" e não apareçe o valor 4,90

 

entendeu agora ???

 

pra voce entender melhor ainda, olha só o site: http://www.stampdesign.com.br/hospedagem.php

 

observe que não apareçe o value que é 4,90

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

já construa o HTML do combobox, com o preço ali:

 

 

<option value="9,90">mensal - R$9,90</option>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

A sua resposta está no próprio site que mandou de referencia,

olhando o código fonte tem essa função:

 

<script>
function handleOnChange(select_element) { 
     document.getElementById("showTextHere1").innerHTML = select_element.value;
}
</script>

 

Ele usa o innerHTML como te falei.

 

Pega o value do "select_element" que é a opção do select e joga em um elemento de ID showTextHere1

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Duarte    23

Thiago Duarte
Postado

Esse cript só faz mudar o valor, mas não faz ele ficar logo na pagina antes de ser selecionado

 

você nem deve ter copiado o codigo pelo que eu vi

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

O que passei é lançado no momento que você muda o valor do SELECT

Nada te impede de criar no carregamento da página...

 

Se ele é o padrão pq você não faz manualmente e só faz a alteração quando mudar o select?

 

Não consegui entender até agora o motivo de você ter postado na seção de PHP

Compartilhar este post

Link para o post
Compartilhar em outros sites

alex Duart    0

alex Duart
Postado

é so você criar uma outra função ou até mesmo usar essa mesmo, e colocar no onload da página e na mudança do select.

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Eu entendi cara, você que não está me entendendo

 

 

O que eu disse é o mesmo que o alex Duart

é so você criar uma outra função ou até mesmo usar essa mesmo, e colocar no onload da página e na mudança do select.

 

 

Quando a página é carregada você já joga um valor padrão no começo, que no caso é o select que vem selecionado.

você pode usar o innerHTML do mesmo jeito que é usado para mudar.

 

Um jeito simples de fazer isso é assim:

http://www.w3schools.com/jsref/event_body_onload.asp

Compartilhar este post

Link para o post
Compartilhar em outros sites

alex Duart    0

alex Duart
Postado

Eu entendi cara, você que não está me entendendo

 

 

O que eu disse é o mesmo que o alex Duart

 

 

 

Quando a página é carregada você já joga um valor padrão no começo, que no caso é o select que vem selecionado.

você pode usar o innerHTML do mesmo jeito que é usado para mudar.

 

Um jeito simples de fazer isso é assim:

http://www.w3schools.com/jsref/event_body_onload.asp

 

ele poderia tb colocar o valor direto no html, nem precisa do onload... e quando mudar o valor da select, ele muda esse valor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Duarte    23

Thiago Duarte
Postado

Olá Alex, você resolveu o problema, era isso mesmo, olha ai http://www.stampdesign.com.br/hospedagem.php

 

só tem um problema, eu usei assim: <a style="color:#ffc501; font-size:41px; font-family:Arial, Helvetica, sans-serif">R$</a><span style="color:#FFFFFF; font-size:41px; font-family:Arial, Helvetica, sans-serif">19,90</span>

observe que tem <a...> e não é link, isso ta errado né?

 

pq se colocar div, pula pra linha de baixo, se usar span, não funciona, ai foi a unica solução que tive, o que você acha ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Duarte    23

Thiago Duarte
Postado

Poxa, vi um problema no site, na pagina inicial tem 3 quadrado, e eu usei um position: absolute para colocar a imagem de fundo naquela posição e o botão eu usei hspace="30" vspace="140" para alinhar.

 

Ficou assim:

 

<div class="banner1" id="banner1">

<a href="websites.php"><img src="images/BOTAO1.jpg" width="258" height="55" hspace="30" vspace="140" border="0" alt="" /></a>

</div>

 

e no CSS:

 

#banner1 {

background-color: #CCC;

height: 214px;

width: 310px;

background-image: url(../images/small-banner10.jpg);

position: absolute;

left: 12px;

top: 27px;

}

 

o que fazer para consertar o erro ???

 

Poxa, vi um problema no site, na pagina inicial tem 3 quadrado, e eu usei um position: absolute para colocar a imagem de fundo naquela posição e o botão eu usei hspace="30" vspace="140" para alinhar.

 

Ficou assim:

 

<div class="banner1" id="banner1">

<a href="websites.php"><img src="images/BOTAO1.jpg" width="258" height="55" hspace="30" vspace="140" border="0" alt="" /></a>

</div>

 

e no CSS:

 

#banner1 {

background-color: #CCC;

height: 214px;

width: 310px;

background-image: url(../images/small-banner10.jpg);

position: absolute;

left: 12px;

top: 27px;

}

 

o que fazer para consertar o erro ???

Compartilhar este post

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

Informação importante

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

  Aceito