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

  • Z时代
  • 2024-01-10
  • 分类：问答

我的问题是我有三个选择框和用户选择第一个选择框的选项，而不是选择第二个选择框的选项，最后第三个选择框的选项将通过用户选择进行加载。它的工作原理，但是当用户选择第三个选择框的选择我想显示文本，但它不会在这里工作是我的代码：如何在javascript中使用多个函数？

<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>

回答：

您的字符串连接多个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'));

以上是 如何在javascript中使用多个函数？ 的全部内容， 来源链接： utcz.com/qa/257714.html

回到顶部