Блог

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

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

#javascript

#javascript

Вопрос:

У меня есть текстовое поле на моей странице, я хочу сделать какой-то «предварительный просмотр» с использованием модального режима, но я не могу отобразить значение текстового поля, в которое я помещаю нужную мне информацию. Кто-нибудь может мне помочь?

Я использую javascript для этого, но мой модальный отображает пустое текстовое поле.

 $('#<%= txtDetails.ClientID %>').on('change', function () {
   $('input[id$="txtKBDecription"]').text($(this).val()); 
}); 
$('#<%= txtIssue.ClientID %>').on('keyup', function () {
   $('input[id$="txtKBSummary"]').text($(this).val()); 
}); 
$('#<%= area.ClientID %>').on('change', function () {
   $('input[id$="txtKBResolution"]').text($(this).val()); 
});

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

1. покажите нам своего кодировщика. было бы проще показать нам, где вы застряли на данный момент

2. Является ли ваш модальный пользовательский модальный, использующий div или какой-либо другой элемент в том же документе, или реальный модальный, созданный showModalDialog() , или что-то еще?

3. $(‘#<%= txtDetails. ClientID %>’).on(‘изменить’, function () { $(‘ввести [id $=»txtKBDecription»]’).text($(this).val()); }); $(‘#<%= Текстовая структура. ClientID %>’).on(‘keyup’, function () { $(‘ввод [id $=»txtKBSummary»]’).text($(this).val()); }); $(‘#<%= область. ClientID %>’).on(‘изменить’, function () { $(‘ввести [id $=»txtKBResolution»]’).text($(this).val()); });

4. txtKBDecription — это текстовое поле в моем модальном режиме, но оно просто показывает пустое текстовое поле

5. Я бы посоветовал вам взглянуть на angularjs!

Ответ №1:

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

это отображается в вашем режиме предварительного просмотра

 <input type="text" id="preview" onchange="Copy();">

и это идет в вашем окончательном модальном

 <input type="text" id="final">

и код…

 <script>
function Copy()
{
    document.getElementById("final").value = document.getElementById("preview").value;
}
</script>

хотя на самом деле это должно быть что-то более близкое к

 <script>
function Copy()
{
    var previewValue = document.getElementById("preview").value;
    if(previewValue != "" /* Or Other Validation */)
         document.getElementById("final").value = previewValue;
}
</script>

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