How to add new list item in sharepoint using Javascript button

Question

How to add new list item in sharepoint using Javascript button

Gulnar 146

I have a list it's name Test that has 2 fields(Title and Name).
And I have aspx page that contains html code with Javascript and In this page I have a button that the Employee should click on it to move to another page, And after clicking on this button, a new Item should be added in Test list that should contains(Done in the Title field, name of the employee in the name field).
I tried many codes to add the item, but no one added a new Item in my list. I need your assistance and help.

Accepted answer

0 additional answers

Your answer

Answer 1

ZhengyuGuo 10,586 Moderator

Hi @Gulnar ,

Please refer the Jsom code in attachment to create new item and redirect to another page by a button click:

23595-createitem.txt

![23674-snipaste-2020-09-10-10-14-40.png][3]

Reference:

Create List Item in SharePoint using JSOM

If an Answer is helpful, please click "Accept Answer" and upvote it.

1: /api/attachments/23595-createitem.txt?platform=QnA [3]: /api/attachments/23674-snipaste-2020-09-10-10-14-40.png?platform=QnA

Gulnar 146 Reputation points

2020-09-13T10:58:15.373+00:00

Thanks a lot. I will try it tomorrow and I will let you know the results.
ZhengyuGuo 10,586 Reputation points Moderator

2020-09-14T01:02:06.897+00:00

Hi @Gulnar ,
Yes, will wait for your updates.
Gulnar 146 Reputation points

2020-09-14T11:43:10.74+00:00

I tried your code but it doesn't work for me. So, I tried another code and it works for me. However, my code works in web part page and it doesn't work in aspx page in sharepoint when I add it in sharepoint designer as shown in the following link:

https://ibb.co/m8Xg6hp

What I should do in sharepoint designer to work for me?
ZhengyuGuo 10,586 Reputation points Moderator

2020-09-15T01:07:59.843+00:00

Hi @Gulnar ,

Open aspx page in SharePoint Designer and add the code under this line:

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
Gulnar 146 Reputation points

2020-09-15T07:34:32.82+00:00

I tried it but it returns an error that in xhtml 1.0 script tag <asp:content> is not permitted. My code in sharepoint designer is in aspx page which is like html code. What to do?

Screenshot of the error
https://ibb.co/HGHHYF7

and As you know it is not my master page and I can't use it as a master page
ZhengyuGuo 10,586 Reputation points Moderator

2020-09-16T01:40:21.707+00:00

Hi @Gulnar ,
Are you using Modern or classic page ?

The Jsom code can be only used in classic page.

Iadded a screen capture in the answer above, please check.
Gulnar 146 Reputation points

2020-09-16T07:58:28.323+00:00

It's great. Thanks a lot.I try it today and it's worked for me.

Anyway, I want to edit in my code, If you can help me. I have a div with class "div" that contains the create list item button and I have a table in my code with class"table".

I want to make if statement for if the current user clicked the button before or not, so if he clicked on the button before, no need to insert a new item again. It should be inserted one time for each user.
If(currentuser was clicked before this button)
{ it should hide the div from the beggining and don't show him the div at all, so when he opens the page will see the table only
hide the div;
show the table;
}
If(currentuser doesn't clicked before this button) --> it should show him the div first, so when he click on the button,It will hide the div and will show the table
{
create listItem();
alert;
hide the div;
show the table;
}
How can I reach to this?
ZhengyuGuo 10,586 Reputation points Moderator

2020-09-16T08:37:49.883+00:00

Hi @Gulnar ,

Glad to hear it's working for you and I suggest you could accept this reply as answer so that it could also help others in the forum.

About the new question, you could create a new thread so that it could make clear for others in the forum.

We will continue to help you in the new thread :-)
Gulnar 146 Reputation points

2020-09-16T11:17:54.477+00:00

I am trying to add the new question from today morning but it gives me:

Access Denied
You don't have permission to access "http://learn.microsoft.com/answers/questions/ask.html" on this server.
Reference #18.365e8c4f.1600254973.fc6888
ZhengyuGuo 10,586 Reputation points Moderator

2020-09-17T01:05:17.533+00:00

Hi @Gulnar ,
Posting JavaScript code snippet will cause Access Denied error.

As a workaround, you could post the code using attachment.

And I suggest you can submit this issue to Q&A Feedback to report this issue:

https://learn.microsoft.com/en-us/answers/topics/qna-feedback.html

Share via

How to add new list item in sharepoint using Javascript button

0 additional answers

Your answer