Display the selected item

[Ranjan kumar Barik]

Hello !!!

I am Ranjan.

can the selected item of a combo box be displayed on the same page.
I mean when I just click the item of a combo box it will atonce displayed on the page.

Thanks !!!

[markrawlingson]

This is easy to accomplish with javascript.

Place the following code within your < select > tag

onChange="javas cript:document. getElementById( 'myId').innerTe xt=this.options[this.selectedIn dex].value;"

Modify the Id of the object where you wish the content to be placed as necessary, of course.

For example...

<select name="whatever" id="whatever" onChange="javas cript:document. getElementById( 'myId').innerTe xt=this.options[this.selectedIn dex].value;">
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
</select>

and have a layer, like a div or span tag, present on the page
<div id="myId"></div>

[Ranjan kumar Barik]

This is easy to accomplish with javascript.

Place the following code within your < select > tag

onChange="javas cript:document. getElementById( 'myId').innerTe xt=this.options[this.selectedIn dex].value;"

Modify the Id of the object where you wish the content to be placed as necessary, of course.

For example...

<select name="whatever" id="whatever" onChange="javas cript:document. getElementById( 'myId').innerTe xt=this.options[this.selectedIn dex].value;">
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
<option value="whatever 1">Whatever1 </option>
</select>

and have a layer, like a div or span tag, present on the page
<div id="myId"></div>

Hello !!!
You have sended me a very good script.
But I am sorry to mention that I actually trying it in an "asp file" using "vbscript"
So I am sorry again.
Still I need your help.

Thankssssss !!!!

[jhardman]

Hello !!!
You have sended me a very good script.
But I am sorry to mention that I actually trying it in an "asp file" using "vbscript"
So I am sorry again.
Still I need your help.

Thanks!

Ranjan,

vbscript and javascript are not mutually exclusive. ASP scripts are run on the server so only function when the page is loading, and mark is suggesting you add client-side scripting. The most well-supported client-side script is javascript and his example would work well for your purpose.

Jared

[Ranjan kumar Barik]

Ranjan,

vbscript and javascript are not mutually exclusive. ASP scripts are run on the server so only function when the page is loading, and mark is suggesting you add client-side scripting. The most well-supported client-side script is javascript and his example would work well for your purpose.

Jared

Hello Jhardman !!!

I have used the script and it works well.
I just have done it like this ;


<%
dim str
str = "select india pakistan bangladesh usa uk china indonesia southAfrica"
dim country
country = split(str," ")
dim c
c=ubound(countr y)

response.write( "<form><sel ect name=cbo onchange=javasc ript:document.g etElementById(' myId').innerHTM L=this.value;>" )
for i=0 to c
response.write( "<option value="&country (i)&">"+Cstr(co untry(i)))
response.write( "</option>")
next
response.write( "</select></form>")
%>

But in this case one problem is that when I open view soure on the page I found that there is nothing inside the <div> section.I just want to make it visible.

ThankSSSSSSSS !!!!!!

[markrawlingson]

The div container holds dynamically generated content on the client side, but is initialized as empty when you write the script - so if you open the source you won't see anything in the div container. That's normal.

[Ranjan kumar Barik]

The div container holds dynamically generated content on the client side, but is initialized as empty when you write the script - so if you open the source you won't see anything in the div container. That's normal.

Its true that the container has dynamically generated content.
>>Is there any way to do it before the container is being inisialised.

>>>that is the asp file would generate an html file where I can see the combo box selected and the selected item is also displayed.I hope you understand.

[jhardman]

Its true that the container has dynamically generated content.
>>Is there any way to do it before the container is being inisialised.

>>>that is the asp file would generate an html file where I can see the combo box selected and the selected item is also displayed.I hope you understand.

If I understand you right, what you actually want to do is submit the form when an option from the select box is selected, then the form handler sends back to the browser an almost identical page, but with the div added on. This is doable, I have seen it done to good effect. just put an onChange attribute on the select control which submits the form, and resend the page with all of their inputs filled out. does this make sense?

Jared

[Ranjan kumar Barik]

If I understand you right, what you actually want to do is submit the form when an option from the select box is selected, then the form handler sends back to the browser an almost identical page, but with the div added on. This is doable, I have seen it done to good effect. just put an onChange attribute on the select control which submits the form, and resend the page with all of their inputs filled out. does this make sense?

Jared

I have submitted the form using onchange event.But I could not make out how to resend the page with filled out combobox and simultaneously the <div> will be displayed.

[markrawlingson]

It's different for each type of form element..

For texboxes - <input type="text" name="atextbox" value="<%=Reque st.Form("atextb ox")%>"> - basically you're grabbing the content from itself.

To fill the div...

<div id="whatever">
<%=Request.Form("yourselectbox")%>
</div>
 

Select boxes, radio buttons, and check boxes are a little trickier because their default value is "CHECKED" (radio buttons) and "SELECTED" (Select boxes)

I usually create a function for writing out select boxes, because then it's very straight forward.. otherwise you have to write out :

<% if request.form("thisbox") = "this value" Then Response.write "SELECTED" end if %>
 

For each and every option box. Same thing for radio button options.