General discussion

Locked

Javascript - Form Refresh

By Boyarsky ·
Does anybody know of a way to refresh a selection list on a form (because changed content of list) without refreshing the whole page.

Netscape suggest using history.go(0), but this does not work if the page was generated from a form.

This conversation is currently closed to new comments.

8 total posts (Page 1 of 1)  
| Thread display: Collapse - | Expand +

All Comments

Collapse -

Javascript - Form Refresh

by SyscoKid In reply to Javascript - Form Refresh

I know nothing about Javascript but I found a similar q&A at another site. Here's the question: "Hi all... is it possible, by mean of JavaScript, to change the contents of a HTML combobox without needing
to refresh the page?"

I hesitate to post the answer for fear of copyright infringement but here is the link:

http://www.experts-exchange.com/jsp/qShow.jsp?qid=20098292

The only catch is that you will have to register to see the answer. I think by registering, you start off with 50 points, which is enough to purchase the answer.

(NOTE: Sometimes when I cut and paste URL's it looks ok to me but once the answer is posted, an extraneous space will have crept in. Make sure you delete any extraneous spaces or the page won't load).

Collapse -

Javascript - Form Refresh

by Shanghai Sam In reply to Javascript - Form Refresh

This appears to be the best solution possible. It works in IE, but not in Netscape.

Collapse -

Javascript - Form Refresh

by Boyarsky In reply to Javascript - Form Refresh

I'm using a selection list that shows multiple options. If the option added is longer than any of the other options, the new option is cut off.

Collapse -

Javascript - Form Refresh

by Jay Eckles In reply to Javascript - Form Refresh

There are at least three things you can do dynamically with a drop-down menu without reloading the page:

1. You can remove an item from a drop down list by assigning null to the option element. Here's an example:
document.form.select1.options[2] = null ;
This removes the third element from the list.

2. You can change the value of an item in the drop down list (this is the value that is returned when the form is submitted):
document.form.select1.options[2].value = "newvalue" ;
This changes the value of the third element.

3. You can also change the label of the option (what the user sees in the drop-down list) with the following bit of code:
document.form.select1.options[2].text = "New Option" ;
This changes the label of the third element.

The only thing I don't know how to do is add a new option to a list...For example, if you have a select with three options, "apple", "orange", "bananna", I don't think you can add a fourth element to the options array. If you think you'll be deleting and adding options, you need to initially create your select with the maximum number of options you'll need, and change values/text accordingly.

Note that you can also sort the options in a select list by storing the current value and text of each option in a temporary variable then reassigning.

Collapse -

Javascript - Form Refresh

by Shanghai Sam In reply to Javascript - Form Refresh

Thank you for the description. Items one and two work in Netscape and IE. Item three works in IE, but fails in Netscape for the same reason I can't add without refreshing.

By the way, you can add an option to a list in the following way:

document.form.select1.options[document.form.select1.length] = new Option(label, value)

Collapse -

Javascript - Form Refresh

by andrew In reply to Javascript - Form Refresh

Here's a conceptual solution (I haven't actually done this, but it seems like it might work):

Place the code to get the fresh data from the server in a hidden frame (like a form submit), and when the data comes back, populate the visible SELECT element via JavaScript.

Collapse -

Javascript - Form Refresh

by Shanghai Sam In reply to Javascript - Form Refresh

This is what I'm trying to do. It works in IE but not in Netscape.

Collapse -

Javascript - Form Refresh

by Boyarsky In reply to Javascript - Form Refresh

This question was closed by the author

Back to Web Development Forum
8 total posts (Page 1 of 1)  

Related Discussions

Related Forums