Пользователь отправляет ключевое слово через форму; Как я могу получить часть ключевого слова в поисковом URL, который будет изменен на странице?

Question

У меня есть страница с несколькими URL-адресами, которые ведут к сохраненным поискам.Я хотел бы добавить текстовое поле формы, чтобы пользователи могли добавить ключевое слово к этим URL-адресам.В настоящее время я использую этот javascript в заголовке:

function change_text(){
    var changetext = document.getElementById("newtext").value;
    document.getElementById("text").innerHTML = changetext;
}

И это в теле:

   <a href="http://google.com/search?q=javascript%20url<span id="text">%20</span>">Saved Search</a>
   <input type="text" id="newtext"><input type="button" value="Press to change URL!"language="javascript" onClick="change_text()">

Но тег 'span' добавляется к URL-адресу и нарушает его.Есть ли какой-нибудь простой способ, которым пользователи могут обновлять URL, не требуя веб-сервера?

Answer 1

Попробуйте:

<a href='http://google.com/search?q='>Google</a>
<br>
<a href='http://yahoo.com/sd?='>Yahoo</a>
<br>
<input id='newLink'><input type="button" value="Press to change URLs!" onClick="change_text()">
<script>
a = document.getElementsByTagName('a');
href = new Array()
for(var i=0;i<a.length;i++){
a.id='link'+i;
href.push(a[i].href);
}

function change_text(){
keyword = document.getElementById('newLink').value;
for(var i=0;i<a.length;i++){
a[i].href = href[i]+keyword;
}

}

</script>

Answer 2

Вы можете использовать что-то более похожее на:

  <a id=text href="http://google.com/search?q=javascript%20url#">Saved Search</a>


function change_text(){
    var changetext = document.getElementById("newtext").value;
    var text = document.getElementById("text")
    text.attr("href", text.attr("href").replace("#", changetext);
}

То есть заменить весь URL.Возможно, вам придется проверить, что на странице поиска есть что-то отличное от # (только # пример, вы можете использовать любой соответствующий символ.)