0

ユーザーが動的に別の (複数の) 回答を 1 つの質問に追加できる動的な Java スクリプト モバイル クイズを作成しようとしています。

ここで JavaScript の例を見てきました: Javascript Add Dynamic Input Field

しかし、ユーザーが「送信して別の果物を追加」ボタンをクリックした後に入力フィールドを消去して、次のように入力できるようにする例は見たことがありません: (モバイルデバイスで作業)

  • りんご、[送信して別の果物を追加] をクリックします
  • ナシ、[送信して別の果物を追加] をクリックします
  • オレンジ、[送信して別の果物を追加] をクリックします
  • キウイ、[次の質問に送信] をクリックします

動的に作成される入力フィールド名は、question11.01、question11.02、question11.03、question11.04 または question/part: q001p1、q001p2、q001p3、q001p4 になると考えていました。

ユーザーが 2 番目の果物としてナシを追加したくないことに気づき、それをバナナに変更した場合に備えて、このソリューションでは、[送信を戻す] ボタンも使用する必要があります。

ユーザーの「次の質問に送信」の後に div を非表示にし、次の質問の div を JavaScript で表示して、モバイル デバイスで次のページの効果を与えます。 DMV コンピューター テスト

<div class="questionquiz11" >



    <h2>Question 11</h2>
 <HR>

    <p>What is your favorite fruit(s)?   </p>

    <input type=text name="question11.01" >

 <BR> 

    <input type=submit id="backbutton"    value="Back">

    <input type=submit id="button"    value="Submit to next question">

    <input type=submit id="addfruit"  value="Submit and Add Another Fruit">



</div>



<div class="questionquiz12" style="display: none">



    <h2>Question 12</h2>
 <HR>

    <p>What is your favorite veggies(s)?   </p>

    <input type=text name="question12.01" >

 <BR> 

    <input type=submit id="backbutton"    value="Back">

    <input type=submit id="button"    value="Submit to next question">

    <input type=submit id="addveggies"  value="Submit and Add Another Veggie">



</div>

更新: div タイプのサンプル コードを動的に作成する可能性があります (いくつかのテストを行っています)。

  var newdiv = document.createElement('div');
          newdiv.innerHTML = "Entry " + (counter + 1) + " <br><input type='text' name='myInputs[]'>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
4

1 に答える 1

0

入力フィールドを追加する機能と質問間を移動する機能の両方を組み合わせたい場合は、最初に。内のmkyongで例を再作成し<div>ます。.append(...)これを行うには、追加内の別の入力ボックスでjQuery関数を使用します。

ユーザーが次の質問に移動すると、その質問と次の質問.hide()のが表示されます。<div>.show()<div>

于 2012-10-02T15:18:46.540 に答える