-1

私はjqueryが初めてです。テキストボックスがあり、テキストボックスから値を取得してドロップダウンメニューに表示したい。多くの Web サイトで解決策を検索しましたが、適切な回答が得られません。jqueryでそれを行う方法を教えてください。

テキストボックスのコードを以下に示します。よろしくお願いします。私の英語で申し訳ありません。

<form method="post" action="inq.php">
<p><br>
<b>Question no:</b><br>
  <input class="inp-form" type="Text" name="qno" size="30" required>
  <br>
<br>
  <b>Question:</b><br>
  <textarea  name="question" rows="4" cols="50" required></textarea>
  <!--<input class="inp-form"type="Text" name="question" size="50">-->
  <br>
  <b>Option 1:</b><br>
  <input class="inp-form" type="Text" name="opt1" size="30" required>
  <br>
  <b>Option 2:</b><br>
  <input class="inp-form"type="Text" name="opt2" size="30" required>
  <br>
  <b>Option 3:</b><br>
  <input  class="inp-form"type="Text" name="opt3" size="30" required>
  <br>
  <b>Option 4:</b><br>
  <input class="inp-form" type="Text" name="opt4" size="30" required>
  <br>
  <b>Answer</b> (must be identical to correct option):<br>
  <input  class="inp-form" type="Text" name="answer" size="30" required>
  <br>
  <br>
  <input class="form-submit" type="Submit" name="submit" value="Add" required>
</p>
</form>
4

2 に答える 2

1

これを試して。以下のように、オプション テキスト ボックス (つまり) に別のクラスを追加しますoption。

onclick="AddQS()"送信ボタンに追加。

ドロップダウン ボックスを 1 つ追加します。

function AddQS() {
     $('#sltOptions').empty();
     $('.option').each(function() {
         $('#sltOptions').append('<option value = ' + $(this).attr('name') + '>' + $(this).val() + '</option>');
      });
  }

<------------------>
<input class="inp-form option" type="Text" name="opt1" size="30" required>
<------------------>
<input class="form-submit" type="Submit" name="submit" value="Add" onclick="AddQS()" required>
<------------------>
<select id="sltOptions">
</select>
于 2013-05-28T09:34:06.323 に答える