HTML onSubmit事件不返回元素怎么办?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (234)

我不能通过在表单上使用onSubmit事件获得输入文本,该怎么办?请指引我。这是密码。在这段代码中,我添加了一个输入元素和一个Submit元素。我想在提交表单后获得输入元素的值,但我不能。

<!DOCTYPE html>
<html lang="en">

<body>

    <form onsubmit="myfunction()">
        Text Input: <input type="text" id="tableInput">
        <input type="submit" value="get text input">
    </form>

</body>
<script>


function myfunction() {
      var num = document.getElementById("tableInput").value;
      alert(num);

    }
</script>

</html>
提问于
用户回答回答于

    function myfunction() {
          var id = document.getElementById("idOfTheField").value;
          var name = document.getElementById("cars").value;
          var t = document.getElementById("cars");
var selectedText = t.options[t.selectedIndex].text;
          alert('id is : ' + id + ' name is : ' + name + 'car : ' + selectedText);

     }
    <form onsubmit='myfunction()'>
    <label>id: </label><br>

    <input type='text' value='' id='idOfTheField' name='idField' /><br>

    <label>name: </label><br>

    <input type='text' value='' id='idOfTheNameField' name='nameField'/><br>
    <label>select a car : </label><br>
   <select name="cars" id='cars'>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
  </select>

    <input type='submit' value='submit' />
    </form>

​问题是document.getElementById javascript方法产生字段的id。 所以你只需要提供id。 id ='thisIsID'然后id是thisIsID ..

在我的回答中显示了你应该如何用jquery做到这一点

希望这可以帮助

function myfunction() {
      let num = $('#tableInput').val();
      alert(num);

    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">

<body>

    <form onsubmit="myfunction()">
        Text Input: <input type="text" id="tableInput">
        <input type="submit" value="get text input">
    </form>

</body>


</html>

热门问答

智聆口语评测返回结果里面的评分为0?

1,音频文件要符合16khz采样率16bit位深单声道,如果是mp3文件码率要高于48kbps,否则评分可能会出现偏低或者0 2,VoiceType是否和传入的音频文件一致,文本和音频是否一致. 3,看下sessionId是否在每次评测的时候都是一样的结果导致的   4,在初次...... 展开详请

MGOBE Team Room 和Room 的区别是什么?

推荐已采纳
您好,createRoom 的 teamNumber 为1,如果需要使用不同的teamId区分玩家,可以使用createTeamRoom。roomType这个参数是标志,例如在matchRoom接口就需要输入roomtype作为参数,之后从房间列表中找到 roomType和max...... 展开详请

信鸽推送支持各大厂商的离线推送,点击离线消息怎么做到先启动应用到首页再跳转到要打开的消息界面?

您好,有两种方式实现: 方式一:直接使用默认打开app,然后在receiver里面解析参数再跳转到指定的页面。 方式二:使用intent打开主页面,然后在主页面里面解析参数再跳转到指定的页面。 参考文档配置:https://cloud.tencent.com/document/p...... 展开详请

基于腾讯云区块链平台开发了区块链应用,上线前,还需要提供其它材料备案么?

Nancy WU

腾讯云 · 高级产品经理 (已认证)

腾讯云区块链产品经理,与区块链一同成长,欢迎交流
推荐

腾讯云区块链TBaaS服务已获国家互联网信息办公室第一批境内区块链信息服务备案,基于TBaaS开发上线后的区块链应用程序建议根据《区块链信息服务管理规定》等有关规定获取备案相关信息。

【有奖互动】新年将至,如何过一个技术范的新年?

气象学家气象学家记录气象文献阅读、编程和气象相关资讯。感谢关注!欢迎加入气象AI和Python交流群!
;************************************************* ; Happy_new_year_2021.ncl ;************************************************ ; ; Concepts ...... 展开详请

Linux系统加了弹性网卡却不能从外部访问?

推荐
回答来自于问答智囊团成员:Htroy 专栏:https://cloud.tencent.com/developer/column/89781 为了给云服务器增加一个外网IP,实现单主机多 IP 部署,或者在一个CVM上接入到多个私有网络中,我们可以通过绑定弹性网卡的方式实现。...... 展开详请

所属标签

扫码关注云+社区

领取腾讯云代金券