关于HTML下拉列表改变文本框属性_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

关于HTML下拉列表改变文本框属性_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:57 AM

html下拉属性改变文本框

比如

想在下拉框选中 2时文本框隐藏让style 属性="display:none" 试了好多中方法都行，是不能改style的值吗？

回复讨论(解决方案)

<select  name="select" onChange="disinput(this)">                	<option value="1">1</option>                	<option value="2">2</option>                    </select>    <input type="text" id="text" name="text"  value="" />	<script type="text/javascript">		function disinput(obj){			if(obj.value==2){				document.getElementById("text").style.display="none";			}else{document.getElementById("text").style.display="block";}		}	</script>

<select  name="select" onChange="disinput(this)">                	<option value="1">1</option>                	<option value="2">2</option>                    </select>    <input type="text" id="text" name="text"  value="" />	<script type="text/javascript">		function disinput(obj){			if(obj.value==2){				document.getElementById("text").style.display="none";			}else{document.getElementById("text").style.display="block";}		}	</script>

这样确实可以实现，但是当在显示的时候文本框会换到下一行....有方法解决这个问题吗 T T~ @ly12530 @Null_Reference

<select  name="select" onChange="disinput(this)">                <option value="1">1</option>                <option value="2">2</option>                </select><input type="text" id="text" name="text"  value="" /> <script type="text/javascript">	function disinput(obj){		if(obj.value==2){			document.getElementById("text").style.display="none";		}else{document.getElementById("text").style.display="";}	}</script>

如果还原默认的话就可以不换行了，block的话就成块级元素了，必须的换行啊

用JQuery帮你写了一个，你看看，选1就显示文本框，选2就消失

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script type="text/javascript" src="jquery.js"></script>    <script type="text/javascript">        $(function () {                   });        function changeSel() {            if ($("#select1").val() == 2) {                $("#text").addClass("class2");            } else {                $("#text").removeClass("class2");            }        }    </script>    <style type="text/css">        .class2        {           display:none;        }    </style></head><body>    <select id="select1"  name="select" onChange="changeSel()">                 <option value="1">1</option>                 <option value="2">2</option>                    </select>    <input type="text" id="text" name="text"  value="" /></body></html>

尼玛，白做好人了，一分没有，

<select  name="select" onChange="disinput(this)">                <option value="1">1</option>                <option value="2">2</option>                </select><input type="text" id="text" name="text"  value="" /> <script type="text/javascript">	function disinput(obj){		if(obj.value==2){			document.getElementById("text").style.display="none";		}else{document.getElementById("text").style.display="";}	}</script>

如果还原默认的话就可以不换行了，block的话就成块级元素了，必须的换行啊

- -没办法啊~~你来晚了~~~我以为没人回复了就把帖子结了.

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

HTML和代码：仔细观察术语Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web开发人员的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构，使用标签如、等。2.CSS控制网页样式，使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互，通过事件监听和DOM操作。

HTML，CSS和JavaScript的角色：核心职责Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

HTML容易为初学者学习吗？Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML中起始标签的示例是什么？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。