-1

私の質問は、3 つの選択ボックスがあり、ユーザーが 2 番目の選択ボックスのオプションを選択するよりも最初の選択ボックスのオプションを選択し、最後に 3 番目の選択ボックスのオプションがユーザーの選択によって読み込まれることです。それは機能しますが、ユーザーが3番目の選択ボックスのオプションを選択すると、テキストを表示したいのですが、ここでは機能しません私のコードです: 

<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 に答える