How can use more than function in javascript?
<p>My question is I have three select boxes and user select first select box's option than select second select box's option and finally the third select box's options will load by user selection. It works but when user select the third select box's option I want to display a text but It doesn't work here is my code:   </p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"&gt;&lt;/script&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    var zero="0,00";
    var one="0,01";
    $(document).ready(function() {

        $('#main').on('change', '.select-box', function() {

            if ($(".select-box option[value='1']").prop('selected') &amp;&amp; $(".select-box option[value='1986']").prop('selected')) {

                $('#street').html("&lt;option value='2'&gt;test&lt;/option&gt;&lt;option value='3'&gt;test2&lt;/option&gt;");

            }
       if ($(".select-box option[value='1']").prop('selected') &amp;&amp; $(".select-box option[value='1986']").prop('selected') &amp;&amp; $(".select-box option[value='3']").prop('selected')) {
           document.getElementById("demo3").innerHTML=""+zero;
      }

        });

    });
        &lt;/script&gt;

    &lt;script type="text/javascript"&gt;

    var x="",i;
    for(i=1986;i&lt;2013;i++)
    {
    x=x + "&lt;option value='"+i+"'&gt; " + i + "&lt;/option&gt;";
    }
    $(document).ready(function() {
    document.getElementById("forloop").innerHTML="&lt;select class='select-box'&gt;&lt;option&gt;Empty/option&gt;"+x+"&lt;/select&gt;";
    });
    &lt;/script&gt;





    &lt;/head&gt;
    &lt;body&gt;  
        &lt;p id="forloop"&gt;&lt;/p&gt;
        &lt;div id="main"&gt;

    &lt;select class="select-box"&gt;

          &lt;option value="1"&gt;Hello&lt;/option&gt;

        &lt;/select&gt; 
       &lt;p&gt;&lt;/p&gt;
      &lt;select class="select-box" id="street"&gt;
      &lt;option&gt;Empty&lt;option&gt;
      &lt;/select&gt;
    &lt;/div&gt;

    &lt;p id="demo3"&gt;

        &lt;/body&gt;
        &lt;/html&gt;
</code></pre>
