Jump to content


Photo

Exibir E Ocultar Div Selecionado Do Combobox


  • Faça o login para participar
9 replies to this topic

#1 Eduardo e Tamíris

Eduardo e Tamíris

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Masculino
  • Localidade:SC

Posted 13/10/2010, 21:00

Ola,

Estou com problema para ocultar e exibir div a partir da seleção do campo list/menu (combobox).
Já tentei vários comandos javascript e não funciona, apenas consegui com link, mas gostaria de ter um combo com opções tipo: plano1 , plano2..
Se o usuario selecionar plano 1, mostra div plano 1, se selecionar plano 2, mostra div plano 2.
Alguem poderia me dar uma ajuda?
grato

#2 Guilherme Vieira

Guilherme Vieira

    Normal

  • Usuários
  • 113 posts
  • Sexo:Masculino
  • Localidade:Fortaleza, Ceará
  • Interesses:Desenvolvimento Web baseado nos padrões do W3C, HTML5, CSS3, PHP, JavaScript, jQuery, AJAX, SQL, MySQL.

Posted 13/10/2010, 22:08

Boa noite!
Acho que o que vc estáquerendo é algo assim:
<html>
<head>
<script language="Javascript">
function showDiv(div)
{
document.getElementById("plano1").className = "invisivel";
document.getElementById("plano2").className = "invisivel";
document.getElementById("plano3").className = "invisivel";

document.getElementById(div).className = "visivel";
}
</script>
<style>
.invisivel { display: none; }
.visivel { visibility: visible; }
</style>
</head>
<body>
<select id="combobox" name="combobox" onChange="showDiv(this.value);">
	<option value="plano1">plano 01</option>
	<option value="plano2">plano 02</option>
	<option value="plano3">plano 03</option>
</select>
<div id="plano1" class="invisivel">Opções para o PLANO 01</div>
<div id="plano2" class="invisivel">O PLANO 2 vai aqui</div>
<div id="plano3" class="invisivel">Se qeuiser um terceiro plano, este é o espaço</div>
</body>
</html> 

Esse código não é lá dos mais refinados, eu sei, mas eu preferi nao usar loops ou coisas assim pra simplificar e vc atingir logo o resultado desejado. Dá uma estudada nele, e se vc quiser aplicar efeitos mais bonitos, deve avaliar o uso do jQuery.
Posta aí se der certo ^^
Boa sorte.
Guilherme Vieira
g.

PS: Te ajudei? Me dá ponto! ^^

#3 Eduardo e Tamíris

Eduardo e Tamíris

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Masculino
  • Localidade:SC

Posted 15/10/2010, 21:40

Boa Noite Guilherme,

Funcionou sim, era o que estava precisando, obrigado.

#4 chimerarj

chimerarj

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 09/06/2011, 10:45

Olá.
Eu tenho duas DIV que podem ser visível ou ocultada através de duas radibottons.
Mas gostaria que ao carregar a página a segunda div inicie já oculta.
Dêem uma olhada na parte do script, acho que o problema tá lá...

<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function habilitaCampos(par){
      div = document.getElementById('teste');
	  par == 'sim'
	  	 div.style.display = 'block';
     if(par == 'sim')
     {
            div.style.display = 'block';
     }
     else
     {
             div.style.display = 'none';
     }
	 
      div = document.getElementById('teste2');
     if(par == 'sim')
     {
            div.style.display = 'none';
     }
     else
     {
             div.style.display = 'block';
     }
}
</script>
</head>
<body>

<label for="rardio1">Campo SIM</label>   
    <input name="rdoResp_familiar" autocomplete="off" type="radio" onClick="habilitaCampos('sim')" value="s" checked/>
  <label for="radio2">Campo NÃO</label>
  <input name="rdoResp_familiar" type="radio"  value="s" onClick="habilitaCampos('não')"/>
  
<div id="teste" style="display: 'block';">
<label>SIM</label> 
<input type="text" /> <br />
<label>SIM</label> 
<input type="text" />
</div>
<div id="teste2" style="display: 'none';">
<label>N&Atilde;O</label>  
<input type="text" />
  <br />
<label>N&Atilde;O</label>  
<input type="text" />
</div>


</body>
</html>
Obrigado.

#5 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 16/09/2017, 05:00

Buy Tadacip 20 Mg Cod Pharmacy Online cialis Can I Purchase Discount Amoxicilina Website
Order Azithromycin 250 Mg Acquisto Cialis Generico Italia Sildenafil Tablets For Sale Online
Direct Worldwide Levaquin Canada Best Buy Shop Mastercard <a href=http://cialtobuy.com>cialis</a> Licensed Pharmacist India

#6 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 04/10/2017, 17:56

Il Cialis Abbassa La Pressione Cialis Canada Cost Viagra Y Popper viagra Where To Buy Valtrex Online Buy Propecia New Zealand
Peut Acheter Kamagra Pharmacie levitra lowest price Find Stendra Free Shipping Discount Hytrin Cephalexin And Chlamydia

#7 BobbyCak

BobbyCak

    договор ок

  • Usuários
  • 12238 posts
  • Sexo:Feminino
  • Localidade:Liberia
  • Interesses:115141

Posted 04/10/2017, 21:45

отчёт о посещении музея пример журнал учета первичных средств пожаротушения образец заполнения образец заполнения формы 18 карточка учета организации Бланк для продления регистрации для иностранных граждан Налоговый вычет при покупке квартиры сроки подачи заявления Производственная практика психолога в школе отчет Решение учредителя о продаже основных средств образец договор о разграничении полномочий между рф и татарстаном Решение участника о добавлении видов деятельности образец образец плана финансово хозяйственной деятельности муп договор распространяет свое действие на ранее возникшие отношения акт приема-передачи имущества в аренду социально бытовая характеристика образец расторжение дду по соглашению сторон возврат денег Справка 2 ндфл для внж Замена заказчика в договоре подряда образец Акт приема передачи строительной площадки образец Письмо поддержки проекта образец Выписка из медицинской карты амбулаторного больного образец образец характеристики с места жительства в суд заявление о невыходе на работу в связи с невыплатой зарплаты образец 2017 технические условия на электроснабжение бланк рб заявление на установку пешеходного перехода образец надзорная жалоба в верховный суд рф по гражданскому делу образец 2017 приказ о размере суточных в командировке образец парадная форма вдв нового образца акт на списание автомобильных шин образец мотивированный отказ от приемки товара образец по 44 фз бюро справочная сделать справку онлайн сменный рапорт машиниста образец хасавюртовское соглашение 1996 г в чечне предусматривало подписание договора в беловежской пуще анкета для родителей удовлетворенность образовательным процессом в доу договор ответ хранения товара образец бланк уведомления фмс о принятии на работу иностранного гражданина скачать бланк товарного чека в excel справка по форме кс 3 договор о евразийском экономическом союзе от 12.08.2015 акт на списание медикаментов образец военная пенсия с 1 января 2017 года постановление правительства образец объяснения в гибдд при дтп претензия в стоматологическую клинику образец автобиография для усыновления ребенка образец резюме о приеме на работу образец содержание отчёта об изменении капитала сзв м новая форма 2017 бланк образец заполнения агентский договор на транспортные услуги протокол годового общего собрания акционеров 2017 образец отчет по производственной практике менеджера по продажам проверка готовности загранпаспорта нового образца характеристика на водителя с места работы образец заявление на двойной налоговый вычет на ребенка в 2017 году образец исковое заявление о взыскании заработной платы и морального вреда Бланк направления к фтизиатру заявление на получение корпоративной карты форма 11 сбербанк образец паспорт качества на металлоизделия образец скачать образец заполнения дневника по производственной практике юриста контракт о приеме гражданина на работу это договор нормативного содержания образец договора управления многоквартирным домом 2017 приостановка работы в связи с невыплатой зарплаты образец ежемесячный отчет в пфр с 2017 года форма сзв-м сроки сдачи договор подряда на выполнение кадастровых работ образец характеристика на одаренного ребенка образец
образец апелляционной жалобы от лица не привлеченного к участию в деле образец заявления на мат капитал анкеты монстер хай всех учеников образец приказа о создании контрактной службы по 44-фз образец образец заполнения журнала арматурных работ универсальный передаточный документ 2014 образец образец расписки о возмещении ущерба при дтп образец приказа на списание основных средств в бюджетном учреждении образец заявления на питание сотрудников в доу срок годности медицинской справки на права внесение изменений в договор по 223-фз образец приказа о создании контрактной службы по 44-фз образец образец заполнения журнала арматурных работ универсальный передаточный документ 2014 образец образец расписки о возмещении ущерба при дтп образец приказа на списание основных средств в бюджетном учреждении образец заявления на питание сотрудников в доу срок годности медицинской справки на права внесение изменений в договор по 223-фз иск о вселении и нечинении препятствий образец образец протокола беседы с родителями неуспевающего ученика образец приказ о единовременном пособии при рождении ребенка образец 2017 основания для отмены договора дарения бланк уведомление о прибытии иностранного гражданина бланк 2017 excel проект моя любимая цифра 7 1 класс образец мед справки для гаи в нижнем новгороде образец ходатайственного письма акт технического состояния автомобиля образец акт приема передачи транспортного средства уведомление о нежелании пролонгировать договор образец процедура продления коллективного договора договор на обслуживание кондиционеров образец образец заполнения декларации по дачной амнистии на садовый домик постановление рэк о тарифах на тепловую энергию на 2017 год подарочный сертификат на маникюр и педикюр образец заявление о выдаче копии судебного приказа образец образец обжалования постановления судебного пристава исполнителя письменное обращение к депутату. образец [url=http://eos.tastenlaeufer.de/viewtopic.php?f=4&t=427842]образец заявления об определении места жительства ребёнка с отцом визир 2м инструкция к существенным условиям договора имущественного страхования относятся заявление на газификацию частного дома образец мировое соглашение в арбитражном процессе пример образец характеристики на работника в суд автобиография для мвд образец написания 2017 заявление на разрешение на строительство образец заполнения договор на выполнение проектных и изыскательских работ отчёт об израсходованных материалах образец образец справки об отпуске для детского сада образец доверенности на получение документов от физического лица

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 05/10/2017, 06:13

Ciprofloxacin Conservation Cialis On Line Melbourne Vic Fast Del Prix Du Viagra 50 viagra Discount Valtrex Cialis Ou Viagra Sans Ordonnance
Cialis 5 Mg Vs 20 Mg viagra Viagra Compra En Madrid Keflex Dehydration Propecia 98 Preis

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 02/11/2017, 07:51

Amoxicillin With Breast Feeding Buy Generic Levitra Uk Cialis 5 Mg Keine Wirkung viagra Costo Propecia Trental Antibiotics Double Vision Keflex
Tadacip 20 Online Comprar Levitra Soft online pharmacy Amoxicillin Reaction In Dogs
Propecia En Espana Sin Receta Levitra Levitra Cheap Propecia Pills cialis and levitra Cialis Order From Uk
Pharmacy Uk Silagra levitra 60 mg Uk Generic Propecia 5 Mg
Buy Valtrex Without Insurance viagra online Fertility Pills Online Zithromax Swollen Lymph Nodes Can Buy Ropinirole Over The Counter
Permethrin Cream Prix Levitra Sans Ordonnance Helthy Man cialis Priligy Assunzione Kamagra Viagra Levitra
Amoxicillin Side Effects Rash Discount Flagyl Tablets Dutasteride How To Buy viagra Viagra Cialis Levitra Online Proscar Principio Activo Propecia Floucoric Capsule 150 Mg
Synkapton viagra Achat Cialis Angleterre Buy Legit Accutane Order Doxycycline Online Uk

#10 dapedlok

dapedlok

    24 Horas

  • Usuários
  • 432 posts
  • Sexo:Feminino
  • Localidade:Amsterdam

Posted 02/11/2017, 08:07

Discounts! best rated skin care products 2017 progect11.jpg Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked! If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included). buy.png READ MORE Harajuku black purple gradient synthetic trendy short straight capless women's cosplay wig ( 13.75 $)Gold Tone Metal Hoop Earrings wCrystals ( 99.00 $)24 ( 80.70 $)Rogesi 2016 new casual women t shirts hooded long sleeve round neck short shirt women's clothing american apparel ( 22.90 $)+one piece pirate kingшоп энд шоу официальный сайтJunsun 7 ( 212.53 $)D plus b orange high top suede sneaker ( 171.50 $) D AcquaspartaLoose fit summer solid color pockets cargo shorts for men ( 23.21 $)Multifunctional DIY 3W LED Constant Voltage Switching Power Supply Board Module ( 5V / 600mA ) ( $2.76 )Luxury brand design aviator sunglasses women brand designer mirror vintage retro sun glasses for women female lady sunglass 2016 ( 11.98 $)8a peruvian virgin hair body wave peruvian body wave 4 bundles,virgin peruvian hair bundles unprocessed #1b human hair body wave ( 72.00 $)Cat escape 3D printing Women Classic forever brand mochila escolar man bags Travel mochilas backpack drawstring bag ( 4.99 $)Kto takoj Garri Kellerman i pochemu on govorit obo mne uzhasnie veshi?Chispaulo famous brands luxury elegant female big bags crocodile women's vintage fashion genuine leather handbags messenger f328 ( 218.00 $) 41.jpg
Discounts! beautician products list progect11.jpg Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked! If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included). buy.png READ MORE 8 Colors S-XL Women's Autumn and Winter High Elasticity and Good Quality Leggings Thick Velvet Pants Female ( 8.99 $)Fashion ombre silver grey big wave synthetic lace front wig glueless long natural blackgray heat resistant hair wigs for women ( 47.00 $)Simple solid colour and stitching design casual shoes for men ( 35.29 $)Men's solid color v-neck short sleeves t-shirt ( 11.56 $)MIPOW PLAYBULB BTL100S Bluetooth 4.0 Speaker Light-26.99 $Ograff 2017 men messenger bags genuine leather bag men briefcase designer handbags high quality famous brand business men bag ( 122.58 $)10 pairs cotton eyelash extension stalk long thick false eyelashes makeup black fake eye lashes makeup ( 3.00 $)Fashions Bracelets Bangles For Women 2016 Tibetan Silver Bracelets&BanglesTurquoise Inlay Roundness Bead Adjust Bangle B02291 ( 4.69 $)+как снять шкив коленвала ваз 2110Vesti v 20:00. Poslednie novosti ot 14.03.17Retro pointed toe and lace-up design men's formal shoes ( 37.68 $)Mens Violet Croco Stamped Leather Belt ( 110.40 $)Beelink X2 Smart TV XBMC Box 4K H.265 Decoding ( 28.99 $)Car styling 31mm36mm39mm 12V Festoon LED Car Bulb Parking CANBUS C5W COB LED SIZE Interior White SMD Bulb Reading lights ( 0.39 $)8a glueless full lace wigs light yaki brazilian virgin hair full lace human hair wigs 150% density yaki straight for black women ( 94.00 $) 284.jpg
Discounts! best makeup products

progect11.jpg
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).

buy.png

READ MORE
Glava GIBDD Rossii pribil v Tulskuyu oblast s rabochim vizitom
игры ангри бердс 2
Ghetto blaster print nylon simple folio ( 262.12 $) Paul Smith
1pcs cob t10 led no error w5w led auto parking light interior license plate sidemarker bulb ( 1.98 $)
игра бателфилд 2 вьетнам
Fentezi
«Ya prozhivu tainstvenno⦻
Stylish long sleeve collarless loose-fitting solid color women's long cardigan ( 18.74 $)
каталог резиновой обуви
4 kind fruit ,bonsai fruit tree seeds ,vegetable and fruit seeds total 100+ seeds ( 2.22 $)
Essential White Nappa Slip On Sneaker wFlower Print ( 196.00 $)
Xiaomi Redmi 3X 2GB RAM 4G Smartphone-149.36 $
Translucent Hot Melt Glue Stick ( $1.19 )
8.6ct Genuine Rainbow Fire Mystic Topaz Dangle Earrings 925 Solid Sterling Silver Sets Luxury Gift For Women Free Shipping ( 97.93 $)
2016 new fashion women's handbag doodle pattern messenger bag shoulder bag crossbody ladies handbag small style top-handle bags ( 24.00 $)


54bb.jpg
Discounts! the best products progect11.jpg Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked! If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included). buy.png READ MORE Hot dog adjustable harness pets collar leopard campo professional out door dog harness hand strap for ( 6.23 $)wireless ip wifi doorbell intercom peephole video door phone camera + indoor door bell support ios android ( 116.24 $)battlefield 1943 pc скачать торрентPhmax brand polarized jbr cycling sunglassesmountain bike goggles5 lens cycling eyewear bicycle sunglasses cycling glasses ( 28.99 $)JISIWEI I3 Smart Robotic Vacuum Cleaner-191.63 $FY603 Mini RC Quadcopter — RTF-39.27 $Faux Patent Leather Mini Crossbody ( 112.00 $)Sports Sunglasses Eyeglasses Ear-stems Strap Neoprene Made Neck Cord ( $0.74 )Malaysian virgin hair loose wave bundles malaysian loose wave hair 3 bundles wet and wavy human hair bundles weaves ali moda ( 58.95 $)Spejsek, SissiSunny shop fashion skull diamonds women bag crystal ladies evening bag bride tote bag women wedding ( 65.82 $)Casual women's round neck letter pattern tee ( 10.62 $)Brazilian body wave 3 bundles 8a grade virgin unprocessed human hair weave brazilian virgin hair body ( 29.60 $)2016 Winter Warm thick velvet skinny jeans Pants for woman Plus size 34 33 Blue demin trousers Skinny ladies pant Femme Pantalon ( 19.98 $)Navy Blue White Dots Print Woven Silk Tie ( 58.00 $) 62.jpg




2 user(s) are reading this topic

0 membro(s), 2 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq