Создать ссылку на скачивание с пользовательским вводом, размещенным в середине ссылки - PullRequest
Новая
       31

Создать ссылку на скачивание с пользовательским вводом, размещенным в середине ссылки

1 голос
/ 27 сентября 2019

Я хочу сгенерировать кнопку ссылки на скачивание с пользовательским вводом, заменив определенный текст в самой ссылке.

http://linkhere/folder/foder/folder/InvoiceEnquiry.action?getPDF=&invoiceNumber=(User результат ввода размещен здесь) & crit.invoiceType = INVOICE

Это возможно.Я могу использовать html-код для входа в пользовательский ввод, но не для того, чтобы поместить последнюю часть ссылки после нее до нажатия кнопки загрузки. 

    HTML Codes online
Form Builder

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $('#button').click(function(e) {  
        var inputvalue = $("#input").val();
        window.location.replace("First part of link"+inputvalue");

    });
});
</script> 
</head>
<body>

       <input type="text" value="002" id="input"> 
       <button type="button" id="button">Click Me!</button>
</body>
</html>

Сгенерирована полная ссылка для загрузки с пользовательским вводом и расширениемссылка, размещенная впоследствии, чтобы иметь полную ссылку для скачивания

1 Ответ

0 голосов
/ 27 сентября 2019

Прежде всего, вам не нужен JQuery для этого.Vanilla JS будет работать нормально.Просто оберните перенаправление в функцию и вызовите функцию с атрибутом «onclick» HTML на элементе кнопки.Тогда вы можете избавиться от скрипта JQuery, если это не нужно кому-то еще.

Во-вторых, метод replace () принимает два аргумента.Вы даете ему одну каскадную строку (оператор +, используемый таким образом, предназначен для объединения строк).

window.location.replace ("(Результат ввода пользователя размещен здесь)", inputvalue ");

Это будет работать, если (Результат ввода пользователя, размещенный здесь) не изменится.

...