How to fill text field using JavaScript?

Question

I am trying to open a webpage from my JavaScript function:

function fillText() {   
      window.open("https://Somerandonwebsite.com/task");      
  }

The webpage : "https://Somerandonwebsite.com/task" has a text box with the following tag:

<input type="text" id="titleBox" autocomplete="off" aria-label="Title Field" title="" placeholder="Enter Title" aria-invalid="true">

I want to add string "Title created" to the text box with the id titleBox

How can I achieve this in the function? I am also confused whether to add the string first and open webpage or open webpage and access text box to fill my string

How can I access text box to fill this string into the text box on opening web page?

I don't believe you can, since when you leave your website you also leave your code. — Carsten Løvbo Andersen
– Carsten Løvbo Andersen, Commented Sep 15, 2021 at 5:57
Any way so that i can open the webpage with the textbox field filled with my string? @CarstenLøvboAndersen — Mr.Curious
– Mr.Curious, Commented Sep 15, 2021 at 5:58
Not unless you own both sites, then you can make it happen with some query strings and other code — Carsten Løvbo Andersen
– Carsten Løvbo Andersen, Commented Sep 15, 2021 at 5:59

Mr.Curious · Accepted Answer · 2021-09-15 15:55:26Z

1

As @Carsten Løvbo Andersen's comment said if you own both sites, you can just pass some query strings from your function to your site. E.G.

function fillText() {   
  window.open("https://Somerandonwebsite.com/task?string=yourString");
}

Then, at your Somerandonwebsite.com, simply create a script:

var input = document.getElementById("titleBox");
const params = new URLSearchParams(window.location.search)
input.value = params.get("string")

This will make your text box display your query string named string

edited Sep 15, 2021 at 15:55

Mr.Curious

2881 gold badge4 silver badges16 bronze badges

answered Sep 15, 2021 at 7:01

spadletskys

1257 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to fill text field using JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related