C# web browser select list item click

Question

0.00/5 (No votes)

See more:

hi every body
i have got 3 html drop down list the second drop down get its values on first changed and the third gets its value on second changed how can i pass the values to combox using webbrower control and handle the same thing on combox1 value or index changed the second combox2 set new values and so on the third i had trial this is the html code and my trial ? thanks for all

HTML

        </td>
        <td align="right" style="height: 33px" colspan="2">
            <select name="DDL1" >
                <option selected="selected" value="0">select from list </option>
                <option value="1">v1 </option>
                <option value="2">v2</option>
                <option value="4">v3</option>
                <option value="5">v4/option>
                <option value="6">v5<option>

            </select>
        </td>

<td align="right" style="height: 33px" colspan="2">
    <select name="DDL2" >
        <option selected="selected" value="0">select from list2 </option>

    </select>
</td>

<td align="right" style="height: 33px" colspan="2">
    <select name="DDL3" >
        <option selected="selected" value="0">select from list3 </option>


    </select>
</td>

What I have tried:

foreach (HtmlElement el in webBrowser1.Document.GetElementsByTagName("select"))
{
if (el.Id == "DDL1")
{
foreach (HtmlElement comboItem in el.Children)
{
comboBox1.Items.Add(comboItem.InnerText);
if (comboItem.InnerText == "select from list")
{
comboBox1.SelectedItem = comboItem.InnerText;
}

}
}
}

Posted 26-May-16 23:09pm

MR.alaa

Updated 27-May-16 7:43am

Add a Solution

Comments

Karthik_Mahalingam 27-May-16 5:57am

does DDL2 and DDL3 has all the values ?

MR.alaa 27-May-16 6:06am

no it depends on selected value from DD1 on select item it populate dd2 and so on

Karthik_Mahalingam 27-May-16 10:02am

Always use Reply button, to post Comments/query to the user, else the User wont get notified.

Karthik_Mahalingam 27-May-16 10:04am

so, on selection of the 3rd drop down only we can load all the combo box?
does post back happens on the drop down selection ?
if not the it is not possible to achieve unless there is a button or some ctrl to invoke this action.

MR.alaa 27-May-16 12:55pm

thankx for advice on selection of the 1s down only we can load all the combox and they change their values if 1st change
there is postback in each dropdownlist
<select name="DDL1" >

Karthik_Mahalingam 27-May-16 12:58pm

post the mark up for 3 drop down list on initial load, without the post back.

MR.alaa 27-May-16 13:04pm

the 2 other dropdownlist are empty they only load on selection of 1st dropdownlist the page reload with new values passed to dropdownlist2 and in selection of 2nd the third load and so on but in the first 2nd and 3rd are empty for the first time .

Karthik_Mahalingam 27-May-16 13:07pm

so, on inital load -> load combo box 1 from ddl1
on ddl1 selection load combo box 1 as well as combo 2 and let the cbx1 selection as ddl1
on ddl2 selection load cbx 1 cbx 2 cbx3 with cbx 1 and cbx 2 selected with respect to ddl 1 and 2
???
or somethig else ?

MR.alaa 27-May-16 13:12pm

yes you are right thank you so much and each one have
onchange="javascript:setTimeout('__doPostBack(\'DDL1\',\'\')', 0)"
and
id="DDL2

Karthik_Mahalingam 27-May-16 13:13pm

ok.

MR.alaa 27-May-16 13:15pm

on search i find that subject
http://stackoverflow.com/questions/5168278/c-sharp-webbrowser-document-reloading-page-after-postback

but the problem that is gets only number of items and object[] args2 = {"someparameters"}; here is fixed while with me is changable on the recived values may be 3 or even 30 i dont know ???? and even sometimes it work and sometimes gets fixed data ??

Karthik_Mahalingam 27-May-16 13:44pm

check my solution.

MR.alaa 27-May-16 13:53pm

thanks for the code but on selectchanged of combox 1st webcontol doent fire how fill the 2nd combox should we use
webBrowser1.Document.InvokeScript("__doPostBack")
or
el.RaiseEvent("onChange");

1 solution

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)

Karthik_Mahalingam · Accepted Answer · 2016-05-27T07:43:00

Solution 1

try this

C#

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
      {
          comboBox1.Items.Clear();
          comboBox2.Items.Clear();
          comboBox3.Items.Clear();

          foreach (HtmlElement el in webBrowser1.Document.GetElementsByTagName("select"))
          {

              if (el.Id == "DDL1")
                  FillComboBox(el, comboBox1);
              else if (el.Id == "DDL2")
                  FillComboBox(el, comboBox2);
              else if (el.Id == "DDL3")
                  FillComboBox(el, comboBox3);

          }
      }

      private void FillComboBox(HtmlElement el, ComboBox cbx)
      {
          bool selected = false;
          string selectedText = "";
          foreach (HtmlElement comboItem in el.Children)
              cbx.Items.Add(comboItem.InnerText);


          foreach (HtmlElement comboItem in el.Children)
          {
              selected = Convert.ToBoolean(comboItem.GetAttribute("Selected"));
              if (selected)
              {
                  selectedText = comboItem.InnerText;
                  break;
              }
          }
          cbx.Text = selectedText;
      }

Posted 27-May-16 7:43am

Karthik_Mahalingam

Comments

MR.alaa 27-May-16 13:53pm

thanks for the code but on selectchanged of combox 1st webcontol doent fire how fill the 2nd combox should we use
webBrowser1.Document.InvokeScript("__doPostBack")
or
el.RaiseEvent("onChange");

Karthik_Mahalingam 27-May-16 13:55pm

you mean reverse code ?

Karthik_Mahalingam 27-May-16 14:10pm

add this code..
Create selectedindexevent for the 3 comboboxes

private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
SetComboItem("DDL1", comboBox1.Text);
}

private void comboBox2_SelectedIndexChanged(object sender, EventArgs e)
{
SetComboItem("DDL2", comboBox2.Text);
}

private void comboBox3_SelectedIndexChanged(object sender, EventArgs e)
{
SetComboItem("DDL3", comboBox3.Text);
}

public void SetComboItem(string id, string value)
{
HtmlElement ee = this.webBrowser1.Document.GetElementById(id);
foreach (HtmlElement item in ee.Children)
{
if (item.InnerText.ToLower().IndexOf(value.ToLower()) >= 0)
{
item.SetAttribute("selected", "selected");
item.InvokeMember("onChange");
}
else
{
item.SetAttribute("selected", "");
}
}

}

Play around with these codes, you will get the solution.
Gonna sleep now, getting late. catch you later .. Good luck :)

MR.alaa 27-May-16 14:22pm

nothing happened its only reload without get any data suppose make even handler for webbrower control to refresh the page to get new data ?? on selected changedindex

MR.alaa 27-May-16 14:28pm

many thanks for if i reach Solution i will tell you happy dreams

Karthik_Mahalingam 27-May-16 14:33pm

sure buddy..
i will find a solution tomo and let you know. dont worry :)
cool.

Karthik_Mahalingam 27-May-16 14:42pm

this code works for postback of the ddl triggered via cbx

HtmlElement reportDropDown = webBrowser1.Document.GetElementById(id);
reportDropDown.Focus();
reportDropDown.SetAttribute("value", "1"); //The value of the desired selection
reportDropDown.InvokeMember("onchange");
reportDropDown.RemoveFocus();

MR.alaa 27-May-16 17:23pm

okay thanks my buddy

Karthik_Mahalingam 27-May-16 14:53pm

..

Karthik_Mahalingam 27-May-16 14:59pm

Bro, its working.. tested.. customize it as per your need..
----

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
comboBox1.Items.Clear();
comboBox2.Items.Clear();
comboBox3.Items.Clear();

foreach (HtmlElement el in webBrowser1.Document.GetElementsByTagName("select"))
{

if (el.Id == "DDL1")
FillComboBox(el, comboBox1);
else if (el.Id == "DDL2")
FillComboBox(el, comboBox2);
else if (el.Id == "DDL3")
FillComboBox(el, comboBox3);

}
}

private void FillComboBox(HtmlElement el, ComboBox cbx)
{
bool selected = false;
string selectedText = "";
foreach (HtmlElement comboItem in el.Children)
cbx.Items.Add(comboItem.InnerText);

foreach (HtmlElement comboItem in el.Children)
{
selected = Convert.ToBoolean(comboItem.GetAttribute("Selected"));
if (selected)
{
selectedText = comboItem.InnerText;
break;
}
}
cbx.Text = selectedText;
}

private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
if (isUIClick1)
SetComboItem("DDL1", comboBox1.Text);
isUIClick1 = false;
}

private void comboBox2_SelectedIndexChanged(object sender, EventArgs e)
{
if (isUIClick2)
SetComboItem("DDL2", comboBox2.Text);
isUIClick2 = false;
}

private void comboBox3_SelectedIndexChanged(object sender, EventArgs e)
{
if (isUIClick3)
SetComboItem("DDL3", comboBox3.Text);
isUIClick3 = false;
}

public void SetComboItem(string id, string value)
{

HtmlElement ddl = webBrowser1.Document.GetElementById(id);
foreach (HtmlElement item in ddl.Children)
{
if (item.InnerText == value)
{
value = item.GetAttribute("Value");
break;
}
}

ddl.Focus();
ddl.SetAttribute("value", value);
ddl.InvokeMember("onchange");
ddl.RemoveFocus();
}
bool isUIClick1 = false;
bool isUIClick2 = false;
bool isUIClick3 = false;
private void comboBox1_Click(object sender, EventArgs e)
{
isUIClick1 = true;
}

private void comboBox2_Click(object sender, EventArgs e)
{
isUIClick2 = true;
}

private void comboBox3_Click(object sender, EventArgs e)
{
isUIClick3 = true;
}

MR.alaa 27-May-16 17:39pm

you are great my buddy when run it works fine in page in web control when i change selection on 1 st com box it change in web page and gets anew value in 2nd and 3rd drop down but the problem is that 2nd and 3rd com box in windows form didn't populate with the new values it still have the first values of webbrowser download complete
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
comboBox1.Items.Clear();
comboBox2.Items.Clear();
comboBox3.Items.Clear();

foreach (HtmlElement el in webBrowser1.Document.GetElementsByTagName("select"))
{

if (el.Id == "DDL1")
FillComboBox(el, comboBox1);
else if (el.Id == "DDL2")
FillComboBox(el, comboBox2);
else if (el.Id == "DDL3")
FillComboBox(el, comboBox3);

}
}

it doesn't change according of web changed ???
how it can be done ? many thanks for you

Karthik_Mahalingam 27-May-16 22:06pm

Can you post the url of the site which is used in the webbrowser control

Karthik_Mahalingam 27-May-16 23:35pm

i did this asp app for getting the data

public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
DDL1.DataTextField = "Value";
DDL1.DataValueField = "ID";
DDL1.DataSource = GetData(1);
DDL1.DataBind();
}

}

private DataTable GetData(int ddl)
{
DataTable dt = new DataTable();
dt.Columns.Add("ID");
dt.Columns.Add("Value");
dt.Rows.Add(0, "select from list");
for (int i = 0; i < 5; i++)
{
dt.Rows.Add(i, "Value - " + ddl + " - " + i);
}

return dt;
}

protected void DDL1_SelectedIndexChanged(object sender, EventArgs e)
{
DDL2.DataTextField = "Value";
DDL2.DataValueField = "ID";
DDL2.DataSource = GetData(2);
DDL2.DataBind();
}

protected void DDL2_SelectedIndexChanged(object sender, EventArgs e)
{
DDL3.DataTextField = "Value";
DDL3.DataValueField = "ID";
DDL3.DataSource = GetData(3);
DDL3.DataBind();
}

}

MR.alaa 28-May-16 2:59am

umm the webbrower needs to reload to get the new data source on each selected changed ?as if you fill the com box from beginning in form load re webBrowser1_DocumentCompleted in each selected changed

Karthik_Mahalingam 28-May-16 6:36am

unless i see the website ddl behaviour i cant give you the right solution..

MR.alaa 28-May-16 6:50am

it look like this demo its the same
http://www.aspsnippets.com/demos/335/

Cascading Country State City DropDownList in ASP.Net using C# and VB.Net

Karthik_Mahalingam 28-May-16 6:56am

scripts not running in web browser control

MR.alaa 28-May-16 7:02am

with your code it works inside webbrowes but doesn't effect in combox.combox only need to refill then it will work it try to use
webBrowser1.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(webBrowser1_DocumentCompleted);
or
webBrowser1.refresh();
but it doesnt work

Karthik_Mahalingam 28-May-16 7:04am

I cannot access teamviewer.

MR.alaa 28-May-16 7:15am

Removed

Karthik_Mahalingam 28-May-16 7:17am

ok

MR.alaa 28-May-16 7:28am

many thanks

MR.alaa 28-May-16 11:04am

can you share me screen

Karthik_Mahalingam 28-May-16 11:05am

10 mins

MR.alaa 28-May-16 11:08am

take your time

Karthik_Mahalingam 28-May-16 11:19am

ping me

Karthik_Mahalingam 28-May-16 12:22pm

try this method..

public void SetComboItem(string id, string value)
{

HtmlElement ddl = webBrowser1.Document.GetElementById(id);
foreach (HtmlElement item in ddl.Children)
{
if (item.InnerText == value)
{
value = item.GetAttribute("Value");
break;
}
}

// add these line in this this method

foreach (HtmlElement el in webBrowser1.Document.GetElementsByTagName("select"))
{

if (el.Id == "DDL1")
FillComboBox(el, comboBox1);
else if (el.Id == "DDL2")
FillComboBox(el, comboBox2);
else if (el.Id == "DDL3")
FillComboBox(el, comboBox3);

}
}

MR.alaa 28-May-16 18:02pm

its reload the same data if the first load with (select data from drop down ) its repeat in each selected changed the same value not new

Karthik_Mahalingam 28-May-16 12:05pm

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
comboBox1.Items.Clear();
comboBox2.Items.Clear();
comboBox3.Items.Clear();

foreach (HtmlElement el in webBrowser1.Document.GetElementsByTagName("select"))
{

if (el.Id == "DDL1")
FillComboBox(el, comboBox1);
else if (el.Id == "DDL2")
FillComboBox(el, comboBox2);
else if (el.Id == "DDL3")
FillComboBox(el, comboBox3);

}
}

private void FillComboBox(HtmlElement el, ComboBox cbx)
{
bool selected = false;
string selectedText = "";
foreach (HtmlElement comboItem in el.Children)
cbx.Items.Add(comboItem.InnerText);

foreach (HtmlElement comboItem in el.Children)
{
selected = Convert.ToBoolean(comboItem.GetAttribute("Selected"));
if (selected)
{
selectedText = comboItem.InnerText;
break;
}
}
cbx.Text = selectedText;
}

private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
if (isUIClick1)
SetComboItem("DDL1", comboBox1.Text);
isUIClick1 = false;
}

private void comboBox2_SelectedIndexChanged(object sender, EventArgs e)
{
if (isUIClick2)
SetComboItem("DDL2", comboBox2.Text);
isUIClick2 = false;
}

private void comboBox3_SelectedIndexChanged(object sender, EventArgs e)
{
if (isUIClick3)
SetComboItem("DDL3", comboBox3.Text);
isUIClick3 = false;
}

public void SetComboItem(string id, string value)
{

HtmlElement ddl = webBrowser1.Document.GetElementById(id);
foreach (HtmlElement item in ddl.Children)
{
if (item.InnerText == value)
{
value = item.GetAttribute("Value");
break;
}
}

ddl.Focus();
ddl.SetAttribute("value", value);
ddl.InvokeMember("onchange");
ddl.RemoveFocus();
}
bool isUIClick1 = false;
bool isUIClick2 = false;
bool isUIClick3 = false;
private void comboBox1_Click(object sender, EventArgs e)
{
isUIClick1 = true;
}

private void comboBox2_Click(object sender, EventArgs e)
{
isUIClick2 = true;
}

private void comboBox3_Click(object sender, EventArgs e)
{
isUIClick3 = true;
}

gg2007mva 10-Nov-20 21:01pm

Pls I have the same problem did you find a solution?