添加文本框從下拉列表中選擇特定的選項

-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"的文本框，然後我可以通過單擊按鈕添加我自己的主題。

還在添加新主題時，如果其已添加則提醒應該出現說主題已添加。

謝謝..

來源

2013-10-11 user2849338

這是一門功課？ – undefined

哪裏是'也添加新主題'的按鈕？ –

如果您可以隨意添加您喜歡的任何主題，則值字段變得無關緊要。如果你解釋你想要達到的目標，而不是隻問一小部分，那麼我們可以提供更多的相關幫助。否則，我們只是回答許多問題中的第一個問題，這些問題會在修復後出現，然後說：「哦....」 – Archer

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

var selectedText= $('#sub_name_id option[selected]').text(); 
if(selectedText==='ADD NEW SUB'){ 
    $('#txt1').show(); 
} 
$('#targetTextBox').val(selectedText); 
});

來源

2013-10-11 11:21:23

thnks..bt怎麼樣的警報thingwhite我應該做的 – user2849338

@ user2849338，那裏的按鈕在哪裏？ –

你可以用下面的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="+">

var container = document.getElementById（'container'）; （'input'）， div = document.createElement（'div'）;其中，document.createElement（'div'）; document.createElement（'div'）; document.getElementById（'add_button'）。 input.type =「text」; div.appendChild（輸入）; container.appendChild（DIV）; };

看看這個Demo

來源

2013-10-11 11:55:36 Arun

添加文本框從下拉列表中選擇特定的選項

回答

相關問題