Getting values from scrolbar to txtarea?

Anon

Greetings all,

Please excuse my language (mothertongue being French) and my total lack of skills, I am just beginning 🙂

I would like to get values from a scrollbar
(those you create with a SELECT html command), into a TEXTAREA, without reloading the page?

I will try to explain this further :
I have created a scrollbar and I fill each line with 1 value (City) that I fetch in a database and this works fine
(I have done the connecting etc. of course) :

echo "<select name=ville>
<option selected>-- Chose a City --</option>";
for ($i=0;$i<mysql_num_rows($result);$i++)
{
$tbl=mysql_fetch_row($result);
echo "<option value=\"".$tbl[0]."\">".$tbl[0]."</option>";
}

echo "</select>";

Now, when the user selects one of those Cities in the scrollbar, that it goes in a textarea on a new line in it.
The user should be able to select as many cities as they want.

I will then fetch this textarea and do a SQL request with it.

I have thought about
1. storing those values in a table in memory, then when the TEXTAREA is displayed, use that table to fill it.
2. using a loop to fill it, only problem is that the variables reset upon reload of the page.

Anyone can help, please, cause I am stuck I have no more idea 🙁

Thanks in advance

jwright

Anything you would like to do without refreshing will require you to use JavaScript and not php.

PHP is server side only it looks like you need clientside. ..(JavaScript)

Anon

{ Using JavaScript

This one for now only works with MS IE; you'll have to program a browser query, because in Netscape the "document.form1.select1.value"'s... don't work }

<head>
<script>
function insSel()
{
// get the selected option
var sel = document.form1.select1.value;

// get the previous selections
var old = document.form1.textarea1.value;

// add the new selection to the textarea
document.form1.textarea1.value = old + "\n" + sel;

}
</script>
</head>
<body>
<form name=form1>
<select name=select1 onChange=insSel()>
<option value="Selected 1">Select One</option>
<option value="Selected 2">Select Two</option>
<option value="Selected 3">Select Three</option>
</select>
<br>
<textarea name=textarea1 rows=10></textarea>
</form>
</body>

{ Can someone give me a hint how to make this script BROWSER INDEPENDENT?
Thank You }

andrin

Jbaker is right. This is a support forum fr PHP related qustions... But here is a solution (in JavaScript):

Between the header tags you paste this in but do not include the ---8<----- ;-)
---8<-----

updateTextarea(optionCityValue)
{
document.formName.textareaName.value += optionCityValue;
}
</script>

---8<-----

Change your select tag to:
---8<-----

---8<-----

Now in this example your form has to be named "formName" and your textarea "textareaName". Change it to suite your needs.

Good Luck
/Andrin

andrin

In what browser does it not work?

Anon

netscape 4.x returns a NULL value while trying "document.form.select.value"
(??)
but your script is great :-)

andrin

Probably because "document.form.select.value" is not set yet :-) Try to set it as global to "document.form.select.value=''" before adding something.

Cheers
/Andrin