Включение asp.net txtbox с помощью кнопки OnClientClick js

Я хочу включить текстовое поле и сделать его видимым (настройки по умолчанию для обоих ложны) при нажатии кнопки. Я могу выполнять обратную передачу, но это неэффективно, поэтому я хочу, чтобы моя кнопка активировалась onClientClick только для того, чтобы активировать и сделать ее видимой.

Я пробовал это:

JS:
function EnableTxt() {
       document.getElementById( '<%=txtSearch.ClientID%>' ).disabled = 'false';
   }

HTML:
<asp:ImageButton ID = "btnSearch2" runat = "server" ImageUrl = "~/Images/search.png" Height = "27px" Width = "30px" ImageAlign = "AbsBottom" OnClientClick = "EnableTxt()"/>

<asp:TextBox ID = "txtSearch" runat = "server" CssClass = "btnSearchStyle" Height = "27px" Width = "134px" onkeypress = "return EnterEvent(event)" BackColor = "#BDC3C7" BorderStyle = "None" Visible = "true" Enabled = "false"></asp:TextBox>

Функция JS, которую я нашел, ничего не делает...

javascript html asp.net

08.04.2019 11:45

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

изменить в js, просто удалите отключенный атрибут:

document.getElementById('<%=txtSearch.ClientID%>').removeAttribute("disabled");

08.04.2019 12:04

Ответ принят как подходящий

Измените свой код на-

<asp:ImageButton ID = "btnSearch2" runat = "server" ImageUrl = "~/Images/search.png" Height = "27px" Width = "30px" ImageAlign = "AbsBottom" OnClientClick = "if (!EnableTxt()){return false};"/>
    <asp:TextBox ID = "txtSearch" runat = "server" CssClass = "btnSearchStyle" Height = "27px" Width = "134px" onkeypress = "return EnterEvent(event)"  BorderStyle = "None" style = "visibility:hidden" BackColor = "#BDC3C7" Enabled = "false"></asp:TextBox>

И измените JS как-

 function EnableTxt()
  {
 var id = document.getElementById('<%=txtSearch.ClientID%>');
    if (id.style.visibility === "hidden" && id.getAttribute('disabled'))
    {
         id.style.visibility = "visible";
         id.removeAttribute("disabled");
    }
    else {
         id.style.visibility = "hidden";
         id.setAttribute("disabled");
         }
  }

Спасибо!! Вы знаете, как я могу сделать его невидимым при втором нажатии?

— 08.04.2019 16:52

Я отредактировал код. Просто измените функцию JS, чтобы переключаться между отображением и скрытием. Вы можете проголосовать за ответ, если он был вам полезен :)

— 09.04.2019 07:13

08.04.2019 12:43