Добавил escape, получилось как надо, работает. Выделяю эту абракадабру и браузер открывает нужный город))),
Но в учебниках пишут что это Устарело, Эта возможность была удалена из веб-стандартов. Хотя некоторые браузеры по-прежнему могут поддерживать её, она находится в процессе удаления. Не используйте её ни в старых, ни в новых проектах. Страницы или веб-приложения, использующие её, могут в любой момент сломаться.
Так тоже работает var v2 = encodeURIComponent(v1);
Для чего это нужно?
1. Нужно привязать код страницы к конкретному городу, и чтобы она не работала в другом городе.
2. Также саму кириллицу (город) в коде хотелось прикрыть абракадаброй, чтобы не читаемо было.
<!DOCTYPE html>
<html>
<head><title>Город</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$('#tow').html(geolocation.city);
});
});
function calculat (obj) {
var v1 = ymaps.geolocation.city;
var v2 = escape(v1);
obj.res1.value=v1;
obj.res2.value=v2;
}
</script>
<center>
<form name="form" style="width:600px">
<table class=my_table>
<tr align=left><td align=left>
</td><td><input type="button" style="width:50px" name="WB" value="Enter"onclick="calculat(form)">
</td></tr><tr><td align=left>Ваш Город</td><td>
<input type="text" style="width:380px" id="res1">
</td></tr>
<tr><td align=left>utf-8</td><td>
<input type="text" style="width:380px" id="res2">
</td></tr
<tr><td></td><td>
<div id="tow"></div>
</td></tr>
</table>
</form>
</center>
</HTML>