回答
使用jQuery:
$('select#yourID').change(function(){
$('#textboxID').show();
});
$('select').change(function(){
var val = $(this).val()
switch (val) {
case 'Cash':
$('#cash').show()
break
case 'Bank':
$('#bank').show()
break
...
}
})
把一個文本框在一個表中,並給該表的ID。 然後在onitemchange事件中調用一個函數。函數內寫入:
document.getelementById("tableid").display="none";// for hiding
document.getelementById("tableid").display="block";// for showing
您也可以使用jQuery來做到這一點。
爲什麼把文本框放在表格中?爲什麼不使用文本框的ID? – 2012-07-23 04:43:12
可以請你解釋如何做到這一點使用普通的Java腳本@Jon P – 2012-07-23 04:58:35
當然... http://jsfiddle.net/32DyU/ – 2012-07-23 08:19:37
而且使用的selectedIndex
JQuery的
$(document).ready(function()
{
// Set initial state
$("#cashContainer").hide();
$("#bankContainer").hide();
// How it all works
$("#ChoiceMaker").change(function() {
$value = $("#ChoiceMaker")[0].selectedIndex;
// You can also use $("#ChoiceMaker").val(); and change the case 0,1,2: to the values of the html select options elements
switch ($value)
{
case 0:
$("#cashContainer").hide();
$("#bankContainer").hide();
alert("Please make a choice");
break;
case 1:
$("#cashContainer").show();
$("#bankContainer").hide();
break;
case 2:
$("#cashContainer").hide();
$("#bankContainer").show();
break;
}
});
});
HTML另一個版本
<select id="ChoiceMaker" name="ChoiceMaker">
<option value="">Please choose</option>
<option value="cash">Cash</option>
<option value="bank">Bank</option>
</select>
<div id="cashContainer">Cash: <input type="text" id="cash"/></div>
<div id="bankContainer">Bank: <input type="text" id="cash"/></div>
在這裏,我已經做了使用Java腳本以上問題垃圾箱上http://codebins.com/bin/4ldqpa0
HTML:
<select id="ChoiceMaker" name="ChoiceMaker">
<option value="">
Please choose
</option>
<option value="cash">
Cash
</option>
<option value="bank">
Bank
</option>
</select>
<div id="cashContainer">
Cash:
<input type="text" id="cash"/>
</div>
<div id="bankContainer">
Bank:
<input type="text" id="cash"/>
</div>
CSS:
#cashContainer {
display:none;
}
#bankContainer{
display:none;
}
JAVASCRIPT:
var choice_combo = document.getElementById('ChoiceMaker');
choice_combo.onchange = function() {
switch (this.value.toLowerCase()) {
case 'cash':
document.getElementById("bankContainer").style.display = 'none';
document.getElementById("cashContainer").style.display = 'block';
break;
case 'bank':
document.getElementById("cashContainer").style.display = 'none';
document.getElementById("bankContainer").style.display = 'block';
break;
}
}
- 1. HTML窗體 - 當文本框的值發生變化時
- 2. 當ItemsSource發生變化時Silverlight 4組合框SelectedValue不工作
- 3. 當另一個文本框的內容發生變化時啓用一個文本框
- 4. 組合詞,併產生變化從多個文本框
- 5. 當文本框發生變化時,如何將JavaScript事件處理程序綁定到Ajax Control Toolkit組合框
- 6. 發生任何事件時發生任何文本框,組合框等內部形式的變化
- 7. 當更改組合框時顯示文本字段
- 8. 檢測文本框值隨jQuery發生變化時
- 9. 綁定WPF組合框並將其值顯示到文本框
- 10. 根據組合框值顯示訪問文本框
- 11. 當組合框選擇時從mysql中更改文本框值
- 12. 當下拉列表選擇發生變化時丟失FileUpload文本框的值
- 13. 當選擇一個選項時顯示一個文本框
- 14. MFC組合框:當有x個項目時顯示組合框的滾動條
- 15. 多選組合框顯示文本silverlight
- 16. 組合框不顯示文本
- 17. 當文本框內的文本發生變化時,會調用什麼事件?
- 18. 顯示在每個框架上發生變化的文本(如分數)
- 19. 單擊按鈕時在文本框中顯示組合框中的值
- 20. 將發佈變量發佈到組合框控件文本值
- 21. 當程序改變一個文本框值時,IE8觸發改變事件
- 22. 當用於顯示對象時,組合框值將消失
- 23. 當在文本框中輸入值時,自動在另一個文本框中顯示值
- 24. 當值發生變化時不會顯示敲除
- 25. 當填充複選框時顯示組合框出現
- 26. MVP Winforms和文本框組合框值
- 27. 添加值從組合框文本框
- 28. C#當標籤上的文字發生變化時取消選中文本框
- 29. wpf組合框的選定值不顯示在組合框上
- 30. 以組合框的形式顯示組合框的選定值
澄清:當您在'
@bokonic,不,只是一個空白的文本框會做。 – MuthaFury 2012-07-23 04:33:43