选择选项后显示文本框

用户名

我现在正在制作表格,我想知道如何在选择“其他”或“选项3”选项后如何让脚本显示文本框。

HTML:

<select name="choice" onchange="if(this.selectedIndex==5)    
{this.form['other'].style.visibility='visible'}else 
{this.form['other'].style.visibility='hidden'};"> 
<option value="" selected="selected">Select...</option>
<option value="1">1</option> 
<option value="2">2</option>
<option value="3">3</option> 
<option value="4">4</option>
<option value="other">Other</option> 
</select>

<input type="textbox" name="other" style="visibility:hidden; margin-left:3px"/>

Javascript:

window.addEvent('domready', function() {
$('hearabout').addEvent('change', function() { 
if ($('hearabout').value == 'Rekening' ) { 
$('other_input').setStyle('display', 'block'); 
} else { 
$('other_input').setStyle('display', 'none'); 
} 
});

if ($('hearabout').value == 'Rekening' ) { 
$('other_input').setStyle('display', 'block'); 
} else { 
$('other_input').setStyle('display', 'none'); 
} 
});

如何更改“ this.selectedIndex == 5”,使其同时使用选项3和5?

谢谢

用户1972155
  1. 添加您选择的ID <select id='someth'>
  2. 添加一个用于更改所选值的事件:

$('#someth').on('change', function(){ if (('#someth').val() == "other") { $('#YourInputID').css('display','block'); } });

不要错过添加display:none;输入样式

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 selenium python 在下拉菜单中选择选项后,在文本框中输入值

来自分类Dev

如果重新加载页面后仍选择其他选项,则显示隐藏的文本框

来自分类Dev

jQuery:基于文本框文本的下拉菜单选择选项

来自分类Dev

jQuery:基于文本框文本的下拉菜单选择选项

来自分类Dev

禁用/启用基于单选/选择选项的JavaScript的文本框

来自分类Dev

使用VB在Word 2007中选择选项按钮时启用ActiveX文本框

来自分类Dev

基于使用jQuery的文本框输入,在下拉列表中选择选项

来自分类Dev

如何在文本框中插入值以选择选项

来自分类Dev

创建一个带有选择选项的文本框

来自分类Dev

Web应用程序选择选项中的文本框

来自分类Dev

使用JavaScript选择选项时出现多个文本框时出现问题

来自分类Dev

根据选择选项值动态更改文本框值

来自分类Dev

如果选择选项具有使用 jquery 的某些值,如何禁用文本框

来自分类Dev

使用文本框/隐藏输入馈送选择选项值?

来自分类Dev

使用 javaScript 重新加载特定的文本框/选择选项

来自分类Dev

从下拉列表中选择选项后,搜索框占位符文本应更改

来自分类Dev

在按钮单击和选项上添加新的div以选择显示文本框的选项

来自分类Dev

克隆后无法从选择框中选择选项

来自分类Dev

克隆后无法从选择框中选择选项

来自分类Dev

通过文本框将数据从选择选项传递到另一个页面

来自分类Dev

PHP 代码使用文本框输入插入 sql db,但不使用选择选项(下拉菜单)

来自分类Dev

选择了第一个选择选项后的HTML选择选项显示列表

来自分类Dev

显示集合的串联文本_选择选项文本

来自分类Dev

在选择中显示文本框的值

来自分类Dev

当特定的选项是从下拉列表中动态表单角选择显示隐藏的文本框

来自分类Dev

<JSP>如何使用选择框选项显示不同的输入文本框

来自分类Dev

选择选项在.load ajax后无法正确显示

来自分类Dev

如何先隐藏 Div 然后在选择选项后显示

来自分类Dev

使用jQuery按钮显示选择选项的文本

Related 相关文章

  1. 1

    使用 selenium python 在下拉菜单中选择选项后,在文本框中输入值

  2. 2

    如果重新加载页面后仍选择其他选项,则显示隐藏的文本框

  3. 3

    jQuery:基于文本框文本的下拉菜单选择选项

  4. 4

    jQuery:基于文本框文本的下拉菜单选择选项

  5. 5

    禁用/启用基于单选/选择选项的JavaScript的文本框

  6. 6

    使用VB在Word 2007中选择选项按钮时启用ActiveX文本框

  7. 7

    基于使用jQuery的文本框输入,在下拉列表中选择选项

  8. 8

    如何在文本框中插入值以选择选项

  9. 9

    创建一个带有选择选项的文本框

  10. 10

    Web应用程序选择选项中的文本框

  11. 11

    使用JavaScript选择选项时出现多个文本框时出现问题

  12. 12

    根据选择选项值动态更改文本框值

  13. 13

    如果选择选项具有使用 jquery 的某些值,如何禁用文本框

  14. 14

    使用文本框/隐藏输入馈送选择选项值?

  15. 15

    使用 javaScript 重新加载特定的文本框/选择选项

  16. 16

    从下拉列表中选择选项后,搜索框占位符文本应更改

  17. 17

    在按钮单击和选项上添加新的div以选择显示文本框的选项

  18. 18

    克隆后无法从选择框中选择选项

  19. 19

    克隆后无法从选择框中选择选项

  20. 20

    通过文本框将数据从选择选项传递到另一个页面

  21. 21

    PHP 代码使用文本框输入插入 sql db,但不使用选择选项(下拉菜单)

  22. 22

    选择了第一个选择选项后的HTML选择选项显示列表

  23. 23

    显示集合的串联文本_选择选项文本

  24. 24

    在选择中显示文本框的值

  25. 25

    当特定的选项是从下拉列表中动态表单角选择显示隐藏的文本框

  26. 26

    <JSP>如何使用选择框选项显示不同的输入文本框

  27. 27

    选择选项在.load ajax后无法正确显示

  28. 28

    如何先隐藏 Div 然后在选择选项后显示

  29. 29

    使用jQuery按钮显示选择选项的文本

热门标签

归档