PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
T

Onclick

Door Tim Kampherbeek op 14-10-2009 16:55
3.162 views
Beste mededevelopers,

Momenteel ben ik bezig met iets met java,

En was ik bezig met een script.

Nu heb ik een select box en als je op select id 1 klikt dan showt hij een div doormiddel van jquery.

dit is het script.


$(function(){
    $("#extra_veld1").hide();
    $("#SelectId1").change(function(){
        if($("#SelectId1").val() == "1"){
            $("#extra_veld1").show();
        }
        else{
            $("#extra_veld1").hide();
        }
    });
});


Maar nu wil ik graag dat dit een link word waar ik op klik en dat dan die extra_veld1 dat die geshowt word. dus met een onclick.

Weet iemand wat ik dan moet veranderen hieraan?

Mvg,

Tim Kampherbeek
T
Tim Kampherbeek
16-10-2009 16:32
Jah ik heb het al geprobeerd,

En kun je ook een voorbeeld geven dan aub
?
Onbekende gebruiker
16-10-2009 16:47
De javascript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $("#show_div1").click(function () {
      $("#div1").toggle();
      $("#div2").hide();
      $("#div3").hide();
      return false;
    });
    $("#show_div2").click(function () {
      $("#div2").toggle();
      $("#div1").hide();
      $("#div3").hide();
      return false;
    });
    $("#show_div3").click(function () {
      $("#div3").toggle();
      $("#div2").hide();
      $("#div1").hide();
      return false;
    });
  });
</script>

De html:

<a href="#" id="show_div1">Show div1</a>
<a href="#" id="show_div2">Show div2</a>
<a href="#" id="show_div3">Show div3</a>

<div id="div1" style="display: none;">Blaat in div1</div>
<div id="div2" style="display: none;">Blaat in div2</div>
<div id="div3" style="display: none;">Blaat in div3</div>


Getest in htmledit van Jesse Ruderman.
Waarschijnlijk kan dit eleganter, maar dat mag je zelf uitvinden. Leer je vast wel wat van.

Reageren

Inloggen om te reageren