-1

我是 jquery 的新手。我有一个文本框,我想从文本框中获取值并将其显示在下拉菜单中。我在许多网站上搜索了解决方案,但无法得到合适的答案。请帮助我如何在 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

请看一下http://jsfiddle.net/2dJAN/47/

$('.options').change(function(){
        var val = $(this).val().trim();
        $("#answer").append("<option value='"+val+"'>"+val+"</option>");        
});

让我知道这个例子是否完全满足您的要求。

于 2013-05-28T09:56:02.833 回答
1

尝试这个。向选项文本框(即)添加另一个类,option如下所示。

添加onclick="AddQS()"到提交按钮。

添加一个下拉框。

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