Как вернуть URL, чтобы сформировать действие с помощью яваскрипта функции

Question

Я хочу вернуть URL, чтобы сформировать действие с помощью javascript function.

Я вызываю функцию так:

<form action="javascript:getUrl()"> 

И моя функция возвращает строки URL, как это:

function getUrl(){ 
    if(condition) 
     return "this string url"; 
    else 
     return "this string url"; 
} 

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

Я довольно новичок в этих скриптовых и веб-разработках.

Answer 1

javascript:getUrl() не будет интерпретироваться как код JS, это просто буквально строка.

Вместо выбора элемента формы и установите его свойство действия:

function getUrl() { 
    // ... 
} 

document.querySelector('form').action = getUrl() 

Естественно, использовать более конкретный селектор для формы, идентификатор или класса.

Answer 2

Вы можете использовать идентификатор своей формы, чтобы узнать URL-адрес действия.

Javascript:

<script type="text/javascript"> 
function form_action() { 
    if (document.getElementById("myFormId").action == "url1.html"){ 
    // do something 
    } 
    if (document.getElementById("myFormId").action == "url1.html"){ 
    // do something else 
    } 

    // ... 
} 
</script> 

HTML-форма:

<form action="yourUrl" onsubmit="this.action=form_action();" id="myFormId"> 
... 
</form>