How to send values to Dropdown list using WebBrowser Control

Question

0.00/5 (No votes)

See more:

HTML

<td>
<span>Passport Type </span>
 </td>
<td colspan="3">
<div class="t-widget t-dropdown t-header" tabindex="10" title="Type of passport carried by the visa applicant"><div class="t-dropdown-wrap t-state-default"><span class="t-input">&nbsp;</span><span class="t-select"><span class="t-icon t-arrow-down">select</span></span></div>&lt;input id="PASSPORType" name="PASSPORType" style="display:none" type="text" value="" /&gt;</div>
<span class="field-validation-valid" data-valmsg-for="PASSPORType" data-valmsg-replace="true"></span>
</td>

//<![CDATA[
jQuery(document).ready(function(){
jQuery('#PASSPORType').tDropDownList({data:[{"Text":"","Value":""},{"Text":"Normal","Value":"1"},{"Text":"Diplomatic","Value":"2"},{"Text":"Special","Value":"3"},{"Text":"Hajj Cert","Value":"4"},{"Text":"Travel Cert","Value":"5"}]});
//
</script>
    <script src="/Scripts/jquery-ui-1.8.23/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
</body>
</html>

I want to send values to dropdown list on website which is open in webbrowser control but it can not done by

JavaScript

webBrowser1.Document.GetElementById("VisaKind").InnerText = "Special"

so what will i do ...kindly help me thanks in advance

Posted 18-Feb-13 2:41am

Jawad Ahmed Tanoli

Updated 18-Feb-13 2:43am

Sandeep Mewara

v2

Add a Solution

3 solutions

Solution 2

this code
webBrowser1.Document.GetElementById("DateTimePicker").InnerText = "1/1/2013"
is also working for date although it contain same script and jequery but it is not working for dropdownlist.....

Posted 18-Feb-13 7:59am

Jawad Ahmed Tanoli

Solution 1

Hi,
I have a suggestion. But i don't know that it solve your problem. You should try and see.

I think you may send dropdownlist data as xml with http post. And you shold get this data than set your dropdown list.

look at google for more info like this: sending xml data over http.

Posted 18-Feb-13 4:39am

Ibrahim Uylas

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)

alexpalmieri · Accepted Answer · 2013-05-06T11:59:00

Solution 3

Hi,

here the solution to our problem (I'm working on the same project - Saudi Arabia Visas. My Software was working with old site and now I'm updating. It's really cool.)

Here's some functions

- Import directly the picture from the scanner with the correct size.
- Import data from invitation letter (Name,Nationality, SponsorName, SponsorAddress, SponsorId etc etc) and fill the form automatically.
- Print Visa Form
- Back up in a db all the passport data, so the next visa you don't have to write again (Passport Number, expire, residence, and so on)
- It translates the invitation letter from arabic.

That's just a look, but it does a lot more. :)

But... let's come back to our problem....I've spent all night long to solve it but in the end it's done :)

I've decided to inject a function to change all the DropDownList value.

VB

webBrowser1.Document.InvokeScript("eval", New String() {"function ImpostaDrop(Lista,Valore) { var dropDownList = $(Lista).data('tDropDownList'); dropDownList.select(Valore);  }"})

And when I need to change a value here's the VB Code.

VB

WebDocument1.Document.InvokeScript("eval", New String() {"ImpostaDrop('#VisaKind',2)"})

It works great !!! :D

I'd like to see your software running. Let's keep in touch !!

Alex from Italy

Posted 6-May-13 11:59am

alexpalmieri

Updated 7-May-13 0:41am

v2

Comments

shekomero 26-Mar-14 11:49am

i am interesting in above code, i have troubles converting this to Vb.net .. any help?

alexpalmieri 9-Nov-14 6:30am

Sorry for my late, didn't notice your question.
Hope you've solved meanwhile. The code above is already in Vb.net. What's your problem ? You have a web control named WebBrowser1 loaded with the page. On the eventWebBrowser1_DocumentCompleted you have to use the code

webBrowser1.Document.InvokeScript("eval", New String() {"function ImpostaDrop(Lista,Valore) { var dropDownList = $(Lista).data('tDropDownList'); dropDownList.select(Valore); }"})

This inject a Javascript function on the page that will change the value of DropDown. You can call this function from Vb.Net using this code.

WebDocument1.Document.InvokeScript("eval", New String() {"ImpostaDrop('#VisaKind',2)"})

Where #VisaKind is the name of the dropdown and 2 is the value to set. This is a workaround and it does its job :) If you need more help you can find me at alexpalmieri@gmail.com

Jawad Ahmed Tanoli 12-Nov-14 10:39am

Great Work Alex :) actually due to requirement change we used to get data from website using webbrowser by putting a button on webbrowser control when the user fill all form press the button and get all data to store in to database and for further process this project still running good.
which may be like this string visakind= webBrowser1.Document.GetElementById("VisaKind").GetAttribute("value");

alexpalmieri 12-Nov-14 18:45pm

Why don't you intercept the Save button on the original web page ? It's the best way. What if your user forget do click on your button and go and save directly the page. You'll loose record. The solution I've adopted save the data when user click on the original button and then send data. A sort of man in the middle. I save all the data in a database and have it for the next time. It takes the first data directly from the invitation letter and the rest from the database. So you can fill the form in 1 minute and without error :)
Hope my job helped you. The VisaKind dropdown and other as you've seen are from telerik and not standard one. So we need to use that workaround to set and read from that dropdown list :)
Let me know if I can help you more. My email is alexpalmieri@gmail.com
Have a good day :)
Alex