Здравствуйте. Получайте выделенный текст, так как Вы можете.
Далее вытаскиваете ВЕСЬ текст из textarea и заменяете ваш выделенный текст через метод

textAreaText.replace(выделенный текст, новый текст)

javascript.ru/string/replace

JOIN работает внутри вашей БД, он не может сделать это к другой базе данных. В таких случаях делается 2 запроса, выбираем все нужные area - на php как пример выбираем через array_unique - только уникальные city_id, делаем запрос к базе данных с city where in (city ids) - назначаем чтобы ключ массива был city_id, в любой момент получаем город для area по типу такого: $city[$area->city_id]

302 Status Code - это редирект.
Скорее всего у вас подгружается он либо в head или внизу страницу перед </body>.

HTML:

<table>
<tr><td>Text</td></tr>
<tr><td>Text2</td></tr>
</table>

jQuery (js):

var values = [];
$('table tr td').each(function(index, val) {
	values.push($(val).text());
});

console.log(values);

Получите на выходе массив с text, text2

Форма:

<form action="" method="GET">
<select name='test'>
     <option value='12'></option>
</select>
<input type="submit" value="Отправить">
</form>

PHP:
echo $_GET['test'];