回答
使用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. 当IsEnabled发生变化时,WPF组合框文本转换器
- 2. jquery:当文本框发生变化时获取文本框的值和标识
- 3. 从excel列接收数据并在组合框中的值发生变化时在文本框中显示
- 4. 当WPF组合框发生变化时触发命令
- 5. 当Datacontext值发生变化时刷新文本框
- 6. HTML窗体 - 当文本框的值发生变化时
- 7. 当ItemsSource发生变化时Silverlight 4组合框SelectedValue不工作
- 8. 当选择一个选项时,显示组合框的值而不是文本
- 9. 打开相同MDI子项时,组合框值发生变化
- 10. 当另一个文本框的内容发生变化时启用一个文本框
- 11. 如何在文本框或组合框中显示多个值
- 12. Xaml当组合框选择变化时更改TextBlock的文本
- 13. 如何仅在组合框中的值发生变化时弹出消息框
- 14. 组合词,并产生变化从多个文本框
- 15. 当asp文本框的文本发生变化时触发事件
- 16. 当文本框发生变化时,如何将JavaScript事件处理程序绑定到Ajax Control Toolkit组合框
- 17. 发生任何事件时发生任何文本框,组合框等内部形式的变化
- 18. 当更改组合框时显示文本字段
- 19. 检测文本框值随jQuery发生变化时
- 20. 当用户在组合框中选择一个值时激活文本框
- 21. 组合框的值应显示在文本框中
- 22. 如何显示文本框C#中的组合框选定值?
- 23. 绑定WPF组合框并将其值显示到文本框
- 24. 根据组合框值显示访问文本框
- 25. 当组合框中的项目数发生变化时触发的事件
- 26. 当组合框选择时从mysql中更改文本框值
- 27. 当下拉列表选择发生变化时丢失FileUpload文本框的值
- 28. 当文本框不在焦点时显示文本框文本
- 29. MFC组合框:当有x个项目时显示组合框的滚动条
- 30. 当选择一个选项时显示一个文本框
澄清:当您在'
@bokonic,不,只是一个空白的文本框会做。 – MuthaFury 2012-07-23 04:33:43