使用Jquery将操作添加到HTML中的表单

Add Action to Form in HTML using Jquery

本文关键字：HTML 表单 添加 Jquery 操作 使用      更新时间：2023-09-26

我正试图在加载jquery函数时将action属性添加到我的表单元素中。然而，我似乎错过了什么。我试着搜索这个问题，但在我的问题上没有找到任何运气。这是有问题的HTML：

 <form method="post" enctype="multipart/form-data" id="#photouploader">
            Upload Client Photo Here
            <input type="file" name="thumbnail">
            <input type="submit" value="Upload Image">
          </form>

这是我写的Jquery函数：

 $(document).ready(function(){
 var id = document.location.href.split('client/')[1]; 
 $('#photouploader').attr('action', '/form-upload/'+id);
 });

我只是想弄清楚我在哪里出了问题。

选择器$('#photouploader').attr('action', '/form-upload/'+id);正在查找一个名为photouploader的id。您没有ID为photouploader的HTML元素。相反，您有一个ID为#photouploader的元素。

只需从HTML中的ID属性中删除#，就可以开始使用了

<form method="post" enctype="multipart/form-data" id="photouploader">

您的HTML表单ID中有一个#-删除它，jQuery就可以工作了。应该是这样的：

<form method="post" enctype="multipart/form-data" id="photouploader">

jquery中的#不是ID的一部分，它只是表示下面的文本引用了一个元素ID，类似于.表示类的方式。

编辑：感谢吃花生酱，他最初在评论中给出了正确的答案。我在贴的时候打字。

从id(id="photouploader">(中删除#并尝试以下操作：

$(document).ready(function(){
 var id = document.location.href.split('client/')[1]; 
 $('#photouploader').attr('action', '/form-upload/'+id);
});
相关文章：