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="javascript:document.getElementById('myId ').innerText=this.options[this.selectedIndex].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="javascript:document.getElementById('myId ').innerText=this.options[this.selectedIndex].value;">
<option value="whatever1">Whatever1</option>
<option value="whatever1">Whatever1</option>
<option value="whatever1">Whatever1</option>
<option value="whatever1">Whatever1</option>
<option value="whatever1">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="javascript:document.getElementById('myId ').innerText=this.options[this.selectedIndex].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="javascript:document.getElementById('myId ').innerText=this.options[this.selectedIndex].value;">
<option value="whatever1">Whatever1</option>
<option value="whatever1">Whatever1</option>
<option value="whatever1">Whatever1</option>
<option value="whatever1">Whatever1</option>
<option value="whatever1">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(country)

response.write("<form><select name=cbo onchange=javascript:document.getElementById('myId' ).innerHTML=this.value;>")
for i=0 to c
response.write("<option value="&country(i)&">"+Cstr(country(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="<%=Request.Form("atextbox")%>"> - 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.

[Ranjan kumar Barik]

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

For texboxes - <input type="text" name="atextbox" value="<%=Request.Form("atextbox")%>"> - 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.

Hello mark!!!
I am writting the code i have used.Please tell me what more changes I need to make the combox box selected after submission.

------------CODE--------------

<html>
<head><title>dpd</title></head>
<body>

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

response.write("<form id=frm action=dpd.asp method=post><select name=cbo onchange=frm.submit()>")
for i=0 to c
response.write("<option value="&country(i)&">"+Cstr(country(i)))
response.write("</option>")
next
response.write("</select></form>")
%>

<div id="mydiv">
<%=request.form("cbo")%>
</div>

</body>
</html>

------------END-------------------

Thnaks !!!!!!

[markrawlingson]

Give this a shot, pretty self explanitory.

<html>
<head><title>dpd</title></head>
<body>
 
<%
dim str
str = "select india pakistan bangladesh usa uk china indonesia southAfrica"
dim country
country = split(str," ")
dim c
c=ubound(country)
 
response.write("<form id=frm action=dpd.asp method=post><select name=cbo onchange=frm.submit()>")
for i=0 to c
If Request.Form("cbo") = country(i) Then
IsSelected = " SELECTED"
End If
response.write("<option value="&country(i)&IsSelected&">" & Cstr(country(i)))
response.write("</option>")
next
response.write("</select></form>")
%>
 
<div id="mydiv">
<%=request.form("cbo")%>
</div>
 
</body>
</html>
 

That should do the trick.

[Ranjan kumar Barik]

Give this a shot, pretty self explanitory.

<html>
<head><title>dpd</title></head>
<body>
 
<%
dim str
str = "select india pakistan bangladesh usa uk china indonesia southAfrica"
dim country
country = split(str," ")
dim c
c=ubound(country)
 
response.write("<form id=frm action=dpd.asp method=post><select name=cbo onchange=frm.submit()>")
for i=0 to c
If Request.Form("cbo") = country(i) Then
IsSelected = " SELECTED"
End If
response.write("<option value="&country(i)&IsSelected&">" & Cstr(country(i)))
response.write("</option>")
next
response.write("</select></form>")
%>
 
<div id="mydiv">
<%=request.form("cbo")%>
</div>
 
</body>
</html>
 

That should do the trick.

Sorry mark
It just making the last item selected that is "southafrica" after submission.

[markrawlingson]

Is that not the effect that you wanted? It will auto select whatever the user selects and re-post it back to itself.

If that was not the desired effect, please reply and be more clear and concise with what it is you want to do exactly.

Mark

[Ranjan kumar Barik]

Is that not the effect that you wanted? It will auto select whatever the user selects and re-post it back to itself.

If that was not the desired effect, please reply and be more clear and concise with what it is you want to do exactly.

Mark

I just want that when I select india the form will be submitted and the value india will remain selected and the division showing india also.

Same for all the other items.

Thanksssssss!!

[markrawlingson]

Oh My bad.. I ran the code and see the mistake.

<html>
<head><title>dpd</title></head>
<body>
 
<%
dim str
str = "select india pakistan bangladesh usa uk china indonesia southAfrica"
dim country
country = split(str," ")
dim c
c=ubound(country)
 
response.write("<form id=frm action=dpd.asp method=post><select name=cbo onchange=frm.submit()>")
for i=0 to c
If Request.Form("cbo") = country(i) Then
IsSelected = " SELECTED"
else
IsSelected = Empty
End If
response.write("<option value="&country(i)&IsSelected&">" & Cstr(country(i)))
response.write("</option>")
next
response.write("</select></form>")
%>
 
<div id="mydiv">
<%=request.form("cbo")%>
</div>
 
</body>
</html>
 

That should work now!

[Ranjan kumar Barik]

Oh My bad.. I ran the code and see the mistake.

<html>
<head><title>dpd</title></head>
<body>
 
<%
dim str
str = "select india pakistan bangladesh usa uk china indonesia southAfrica"
dim country
country = split(str," ")
dim c
c=ubound(country)
 
response.write("<form id=frm action=dpd.asp method=post><select name=cbo onchange=frm.submit()>")
for i=0 to c
If Request.Form("cbo") = country(i) Then
IsSelected = " SELECTED"
else
IsSelected = Empty
End If
response.write("<option value="&country(i)&IsSelected&">" & Cstr(country(i)))
response.write("</option>")
next
response.write("</select></form>")
%>
 
<div id="mydiv">
<%=request.form("cbo")%>
</div>
 
</body>
</html>
 

That should work now!

Thanks a lot mark !!!!!!
You donot believe for consicutive 4 days I am working on this.
Thank you very much !
HaaaaaaVe a good day............