代码之家 › 专栏 › 技术社区 › Goldie

Javascript:提交对textarea的更改无效

textarea html javascript

Goldie · 技术社区 · 8 年前

提交更改 文本区域

我用浏览器控制台对它进行了调试,但还没有弄清楚它是如何出错的。 期望的行为应该是改变

以下是以Javascript为特色的HTML片段(我暂时忽略CSS创建的演示):

<form>
    <input type="button" value="Change" id="submitChange" disabled> 
       <textarea id="textChange" rows="10" cols="30" onchange="venueTextChange();"> Write something here </textarea>
        <script>
            function venueTextChange(){
                        var val document.getElementById("textChange").disabled;
                        document.getElementById("submitChange").disabled = !val; 
                    };
    </script>
</form>

:我还想知道如何重构这段代码,这样我就可以以这样一种方式将这个脚本外部化< &燃气轮机;标签不必设置函数显式地在元素中-我想隐藏它,但对于这种情况,我认为必须包含属性 .

也许是这样

2 回复 | 直到 8 年前

stefannew 8 年前

部分问题在于 onChange 事件仅在元素失去焦点时触发,即当用户更改文本并模糊字段时:

https://www.w3schools.com/jsref/event_onchange.asp

你需要使用类似 keyup onInput 为了让事件立即触发,是的-为了不必调用 onchange

https://jsfiddle.net/25xmka43/

TalGabay 8 年前

这是答案: 只需更改venueTextChange()函数!val为false。

<form>
    <input type="button" value="Change" id="submitChange" disabled> 
       <textarea id="textChange" rows="10" cols="30" onchange="venueTextChange()"> Write something here </textarea>
        <script>
            function venueTextChange(){
                        document.getElementById("submitChange").disabled = false; 
                    };
    </script>
</form>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前