-2 
<td>
    <select id="sub_name_id">
        <option value="1">CHEMISTRY</option>
        <option value="2">ENGLISH</option>
        <option value="3">MATHS</option>
        <option value="4">PHYSICS</option>
        <option value="5">ADD NEW SUB</option>
    </select><input type="text" id="txt1" style="display:none;">
</td>
<td>
    <input type="text" class="obtainedmarks1" id="obtained_marks">
    <input type="text" class="totalmarks1" id="total_marks" value="100" read only>
    <input type="button" class="add_button" value="+" >
</td>

我有一个包含一堆主题的下拉列表。

当我单击+按钮时，应将下拉列表中的选定主题复制到文本框（代码中未提及）。

此外，当我选择ADD NEW SUBJECT选项时，id="txt1"应该会出现带有文本框的文本框，然后我可以通过单击按钮添加自己的主题。

此外，在添加新主题时，如果已添加，则应出现警报，说明已添加主题。

谢谢..

4

2 回答 2

0 
$('#add_button').click(function(){

var selectedText= $('#sub_name_id option[selected]').text();
if(selectedText==='ADD NEW SUB'){
  $('#txt1').show();
}
$('#targetTextBox').val(selectedText);
});
于 2013-10-11T11:21:23.967 回答
0

您可以使用以下 js 并对您的 html 代码进行一些更改，如下所示

HTML

<select id="sub_name_id">
    <option value="1">CHEMISTRY</option>
    <option value="2">ENGLISH</option>
    <option value="3">MATHS</option>
    <option value="4">PHYSICS</option>
    <option value="5">ADD NEW SUB</option>
</select>    

<input type="text" class="obtainedmarks1" id="obtained_marks">
<input type="text" class="totalmarks1" id="total_marks" value="100" read only>    
    <input type="button" id="add_button" value="+">

JS

var container = document.getElementById('container'); document.getElementById('add_button').onclick = function () { var input = document.createElement('input'), div = document.createElement('div'); input.type = "文本"; div.appendChild(输入); container.appendChild(div); };

看看这个演示

于 2013-10-11T11:55:36.960 回答