如何在javascript中使用多个函数？_Javascript

如何在javascript中使用多个函数？

javascript

如何在javascript中使用多个函数？,javascript,Javascript,我的问题是我有三个选择框，用户选择第一个选择框的选项，而不是第二个选择框的选项，最后第三个选择框的选项将通过用户选择加载。它可以工作，但当用户选择第三个选择框的选项时，我想显示一个文本，但不起作用。这里是我的代码： <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script></script> <script type="text/

我的问题是我有三个选择框，用户选择第一个选择框的选项，而不是第二个选择框的选项，最后第三个选择框的选项将通过用户选择加载。它可以工作，但当用户选择第三个选择框的选项时，我想显示一个文本，但不起作用。这里是我的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script></script>
    <script type="text/javascript">
    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') && $(".select-box option[value='1986']").prop('selected')) {

                $('#street').html("<option value='2'>test</option><option value='3'>test2</option>");

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

        });

    });
        </script>

    <script type="text/javascript">

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





    </head>
    <body>  
        <p id="forloop"></p>
        <div id="main">

    <select class="select-box">

          <option value="1">Hello</option>

        </select> 
       <p></p>
      <select class="select-box" id="street">
      <option>Empty<option>
      </select>
    </div>

    <p id="demo3">

        </body>
        </html>


var zero=“0,00”；
var one=“0,01”；
$（文档）.ready（函数（）{
$（'#main'）。在（'change'，'上。选择框'，函数（）{
如果（$（“.select-box-option[value='1']”）.prop（'selected'）&&$（“.select-box-option[value='1986']”）.prop（'selected'））{
$（'#street'）.html（“test2”）；
}
如果（$（“.select box option[value='1']”）.prop（'selected'）&&$（“.select box option[value='1986']”）.prop（'selected'）&&$（“.select box option[value='3']]）。prop（'selected'））{
document.getElementById（“demo3”）.innerHTML=“”+零；
}
});
});
var x=”，i；
例如（i=1986；i您的字符串连接中有多个HTML语法错误。您已经在使用jQuery；为了理智起见（您和我们的），请停止使用字符串构造HTML
var selectBox = $('<select>');

$('<option>')
    .text('Empty')
    .appendTo(selectBox);

for (var i = 1986; i < 2013; i++) {
    $('<option>')
        .text(i)
        .val(i)
        .appendTo(selectBox);
}

selectBox.appendTo($('#forloop'));

var selectBox=$（''）；
$('')
.text（“空”）
.appendTo（选择框）；
对于（var i=1986；i<2013；i++）{
$('')
.案文（i）
.val（i）
.appendTo（选择框）；
}
选择box.appendTo（$（'#forloop'）；
我完全不知道你想做什么。你有什么错误吗？什么不起作用？你能提供一个完整的测试用例吗？这与OP的问题有什么关系？@jfriend00他的字符串连接中有多个HTML语法错误。@jbabey-然后你应该解释问题是什么以及为什么你的代码会修复对普通读者来说，你只是想让他用不同的方式编写代码，实际上并没有解决这个问题。问题是当你点击“test2”时，文本“0”会显示出来display@jfriend00我已编辑以澄清此更改将如何帮助解决问题。感谢您的输入。