JSFiddle - React, Tailwind, and code Playground

by inugard

HTML

<script src="http://nesnelileti.site90.com/jsfiddle/jquery.chained.min.js"></script>
<form>
    <select data-placeholder="Branşlar" name="brans" id="brans" style="width:180px;">
        <option value="hekim/bostab.html">-Branşlar-</option>
        <option value="goz" class="1">*Bunu seç*</option>
        <option value="tababet" class="1">Genel Tababet</option>
        <option value="anest" class="1">Anestezi ve Reanimasyon</option>
    </select>
    <br />
    <br />
    <select data-placeholder="Tıbbi Birimler" name="birim" id="birim" style="width:180px;">
        <option value="" selected="selected">-Birimler-</option>
        <option value="glokom" class="goz 2">*Bunu seç*</option>
        <option value="katarakt" class="goz 2">Karatakt</option>
        <option value="kornea" class="goz 2">Kornea ve Kontak Lens</option>
        <option value="okulo" class="goz 2">Oküloplastik</option>
        <option value="refraktif" class="goz 2">Refraktif Cerrahi</option>
        <option value="retina" class="goz 2">Retina</option>
        <option value="sasilik" class="goz 2">Şaşılık ve Çocuk Göz Sağlığı</option>
        <option value="oftal" class="goz 2">Genel Oftalmoloji</option>
        <option value="anest" class="anest 2">Anestezi ve Reanimasyon</option>
        <option value="tababet" class="tababet 2">Genel Tababet</option>
    </select>
    <br />
    <br />
    <select data-placeholder="Hekimler" name="hekim" id="hekim" style="width:180px;" onchange="getiriframe()">
        <option value="">-Hekimler-</option>
        <option value="http://www.google.com.tr" class="glokom refraktif katarakt">DR1-Bunu seç</option>
        <option value="hekim/hekim02.html" class="glokom refraktif kornea">DR2</option>
        <option value="hekim/hekim05.html" class="refraktif katarakt kornea">DR3</option>
        <option value="hekim/hekim07.html" class="retina">DR4</option>
        <option value="hekim/hekim06.html" class="okulo sasilik">DR5</option>
        <option...

JavaScript

$(function () {

      /* For jquery.chained.js */
      $("#birim").chained("#brans");
      $("#hekim").chained("#birim");

      /* Show button after each pulldown has a value. */
      $("#hekim").bind("change", function (event) {
          if ("" != $("option:selected", this).val() && "" != $("option:selected", $("#birim")).val()) {
              $("#button").fadeIn();
          } else {
              $("#button").hide();
          }
      });

      $("#c").chained("#a,#b");

  });

<!---->
    
  function getiriframe() {
      var theSelect = document.getElementById('hekim');
      var theIframe = document.getElementById('hekimtab');
      var theUrl;

      theUrl = theSelect.options[theSelect.selectedIndex].value;
      theIframe.src = theUrl;
  }