按钮将DropDown中的选择输入到文本区域,文本立即消失

时间:2015-06-10 18:21:48

标签: javascript html

首先,对我即将发布的低级别Javascript道歉。我上周刚刚在业余时间开始玩它,以便让我的生活更轻松。

简而言之,我在呼叫中心工作。在每次通话结束时,我必须在系统中输入注释。我想创建一个HTML页面,我只需单击一些内容,便可以剪切和粘贴笔记。我现在正在玩下拉菜单,而不是十亿个按钮。

我有一个按下按钮时触发的功能,我想根据下拉菜单中的选择将文本输入文本区域。由于某种原因(我无法找到答案),文本会出现,然后立即消失。

这是我的功能:

function openCall() {
    var callerselection = document.fsnotes.caller.value;
    if (callerselection = "CH") {
        document.fsnotes.notesentry.value += "CH called ";
    }
}

这是表格:

<form name="fsnotes">
    <textarea rows="8" cols="50" name="notesentry"></textarea>
    </br>
    <select name="caller">
        <option>CH</option>
    </select>
    <button onClick="openCall()">OK</button>
</form>

当然,我的主要html文件中有更多内容,我只是用这个较小的一个来测试新的想法,因为我所在部门的很多人现在正在使用十亿个按钮。

1 个答案:

答案 0 :(得分:0)

您的按钮正在提交表单。

将按钮更改为:

<button onClick="openCall(); return false;">OK</button>

这是一个小伙伴:http://jsfiddle.net/9m5k5amh/3/

另见:How to prevent buttons from submitting forms