Блог

Главная - Вопросы по программированию - Как я могу передать значение текстового поля в href

Как я могу передать значение текстового поля в href

#c# #asp.net

#c# #asp.net

Вопрос:

Привет всем, у меня есть мой входной текст, который был объявлен следующим образом

 <input name="text1" type="text" id="text1" value="textbox 1" onBlur="toggleVisibility(this.name);">

Я хотел бы передать text значения в моем href . Я попробовал ниже, но я не могу получить значение, может ли кто-нибудь мне помочь

 <a href="http://paymycheck.info/federalregulartaxcalculator.aspx?id=" document.getElementById('text1').value;target="_blank"  style="text-decoration:underline; text-align:right; color:#222; font-family:Arial; font-size:12px; font-weight:normal;"> Unsubscribe </a>

Ответ №1:

вы можете попробовать так … используя функцию javascript…

  <input type="text" id="myText"/>
<a href="javascript:RedirectToSecondPage()">click here</a>

<script type="text/javascript">
function RedirectToSecondPage()
{
   var input = document.getElementById('myText');
   var value = input ? input.value : 'defaultText';

   window.location.href = 'mySecond.asp?MyText='   escape(value);
}
</script>

Комментарии:

1. Возможно ли это так, как я передаю без функции javascript

2. Вы можете обернуть все это в форму и показать курсор «указатель» (ручной) на кнопке отправки, чтобы он фактически отправлял форму и значение. Если вы хотите использовать простой элемент привязки (a), вам придется использовать JavaScript.

3. Если я тоже использую скрипт, я не могу просмотреть переданное значение в браузере

Ответ №2:

Если вам действительно нужно фактическое значение, вы можете сделать что-то вроде этого:

 <input name="text1" type="text" id="text1" value="textbox 1" onBlur="toggleVisibility(this.name);">
<a href="javascript:document.location.href='http://paymycheck.info/federalregulartaxcalculator.aspx?id='   document.getElementById('text1').value">Unsubscribe</a>

Однако это может иметь нежелательные побочные эффекты (например, пробелы отображаются в URL как фактические пробелы).
Если вы можете изменить имя ввода, вы можете рассмотреть возможность сделать это через соответствующую форму:

 <form id="myform" action="http://aaapaymycheck.info/federalregulartaxcalculator.aspx" method="get">
    <input name="id" type="text" id="text1" value="textbox 1" onBlur="toggleVisibility(this.name);">
</form>

<a href="javascript:document.getElementById('myform').submit()">Unsubscribe</a>
Метки: