How to set GetElementById value via a textbox

Question

1.44/5 (2 votes)

See more:

I'm trying to figure out how to auto fill two text box's located on a website embedded in my windows form via two text box's also on my windows form. The Id of one of the text box's is Email. The other textbox's Id is Password. I know I can find the element Id of the text box's on the embed browser in my windows form by using this code below. I will post the definition first.

public void ExecuteScriptAsync(string script);

This is the code used to get the Id.

browser.ExecuteScriptAsync("document.getElementById('Email')")

browser.ExecuteScriptAsync("document.getElementById('Password')")

Which in turn I can set the value/text of said text box's by using this code. The below code works great and will set the value/text of both text box's.

browser.ExecuteScriptAsync("document.getElementById('Email').value= 'USER EMAIL STRING'");

browser.ExecuteScriptAsync("document.getElementById('Password').value= 'USER PASSWORD STRING'");

I have two text boxes on my windows form named txtEmail and txtPassword that I would like to use so the user can put his or her own login information. I tried to achieve this among other ways by passing the txtEmail.Text and txtPassword.Text in the code below which doesn't work.

string Email = @"""document.getElementById('Email').value= " + @"'" + txtEmail.Text + @"'""";

string Password = @"""document.getElementById('Password').value= " + @"'" + txtPassword.Text + @"'""";

browser.ExecuteScriptAsync(Email);
browser.ExecuteScriptAsync(Password);

I don't get any errors inside the developer IDE. It just won't set the text box's text in the embedded browser. Can someone explain how to use a text box on my windows form to pass along the needed strings?

Edit: Reworded the question in better detail. Hope it better helps explain my question.

Posted 31-Aug-14 14:33pm

fattysc

Updated 14-Nov-20 22:48pm

v4

Add a Solution

Comments

Sergey Alexandrovich Kryukov 31-Aug-14 21:56pm

Fist and main question: why?

There is not such thing as "getElementById value". getElementById is a function which actually searched for the element.

Just be logical: how can you set the attribute value using any "get***" method? :-)
If you need to set attribute value, set it.

—SA

ChintanShukla 1-Sep-14 1:37am

Why dont you simply use runat="server".

2 solutions

Solution 2

private void browserView1_FinishLoadingFrameEvent (object sender, FinishLoadingEventArgs e)

{

if (e.IsMainFrame)

  {

   DOMDocument document = e.Browser.GetDocument();
   DOMInputElement userName = (DOMInputElement)document.GetElementByName("j_username");
   DOMInputElement pass = (DOMInputElement)document.GetElementByName("j_password");                    
   userName.Value = "HackStar";
   pass.Value = "HackStar";  

  }
}

Posted 26-Feb-18 4:59am

Member 11364825

Comments

Richard Deeming 26-Feb-18 12:09pm

THREE AND A HALF YEARS too late!

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

fattysc · Accepted Answer · 2014-09-01T06:25:00

I figured it out by myself. None the less here is the code needed to supply a text box's data into the string. So you can use it in conjunction with the script for ExecuteScriptAsync in CefSharp if the form has two text box's respectively with the ID's Email and Password.

C#

browser.ExecuteScriptAsync("document.getElementById('Email').value=" + '\'' + txtEmail.Text + '\'');
                    browser.ExecuteScriptAsync("document.getElementById('Passwd').value=" + '\'' + txtPassword.Text + '\'');