-1

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

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

1 回答 1

1

您的字符串连接中有多个 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'));
于 2012-09-11T13:19:45.407 回答