jQuery: Создание соответствующих текстовых ящиков влияет на значения друг друга -- jquery поле с участием textbox пол Связанный проблема

jQuery: Making corresponding text boxes affect eachother's values


2
vote

проблема

русский

Ситуация:

2 Текстовые поля, TextBoxa и TextBoxB. Я вхожу в текст в TextBoxa, и устанавливает значение TextBoxB. Теперь мне нужно уметь редактировать значение TextBoxB, и у вас установить значение TextBoxa. Достаточно просто, но мне нужно, чтобы работать на несколько пар текстовых ящиков на одной странице.

Это то, что у меня есть так далеко:

 <код> $(function() {         $(':text').css("border", "1px solid #666"); // Remove for actual app          // Sets value of corresponding textbox by ID         $(':text').blur(function() {             $('#inputval_' + ($(this).attr("id"))).val($(this).val());         });          //Styles all inputs set to read only         $('input[readonly=readonly]').css("border", "none");          $('input[readonly=readonly]').click(function() {// on click allows edit of readonly inputs             if ($(this).attr("readonly") == true) {                 $(this).removeAttr("readonly");                 $(this).css("border", "1px solid #666");             }             $(this).blur(function() {//on blur sets readonly back to true                 if ($(this).attr("readonly") == false) {                     $(this).attr("readonly", "readonly");                     $(this).css("border", "none");                     $('#' + ($(this).attr(("id").remove("inputval_")))).val($(this).val());                 }             });         });      });   

и:

 <код> <input type="text" id="text1" name="userinput" /><br /><br /> <input type="text" id="text2" name="userinput" /><br /><br /> <input type="text" readonly="readonly" id="inputval_text1" /> <input type="text" readonly="readonly" id="inputval_text2" />   

Все работает, за исключением того, что второй набор текстовых ящиков влияет на их соответствующие аналоги. Можете ли вы увидеть, что я делаю не так? Я в значительной степени JavaScript / jQuery Noob (провести большую часть своего времени в CSS / XHTML), поэтому будьте нежным.

Английский оригинал

Situation:

2 text boxes, TextBoxA and TextBoxB. I enter text into TextBoxA and it sets the value of TextBoxB. Now, I need to be able to edit the value of TextBoxB, and have that set the value of TextBoxA. Simple enough, but I need this to work for several pairs of text boxes on a single page.

This is what I have so far:

$(function() {         $(':text').css("border", "1px solid #666"); // Remove for actual app          // Sets value of corresponding textbox by ID         $(':text').blur(function() {             $('#inputval_' + ($(this).attr("id"))).val($(this).val());         });          //Styles all inputs set to read only         $('input[readonly=readonly]').css("border", "none");          $('input[readonly=readonly]').click(function() {// on click allows edit of readonly inputs             if ($(this).attr("readonly") == true) {                 $(this).removeAttr("readonly");                 $(this).css("border", "1px solid #666");             }             $(this).blur(function() {//on blur sets readonly back to true                 if ($(this).attr("readonly") == false) {                     $(this).attr("readonly", "readonly");                     $(this).css("border", "none");                     $('#' + ($(this).attr(("id").remove("inputval_")))).val($(this).val());                 }             });         });      }); 

And:

<input type="text" id="text1" name="userinput" /><br /><br /> <input type="text" id="text2" name="userinput" /><br /><br /> <input type="text" readonly="readonly" id="inputval_text1" /> <input type="text" readonly="readonly" id="inputval_text2" /> 

Everything works, except for making the second set of text boxes affect their corresponding counterparts. Can you see what I'm doing wrong? I'm pretty much a JavaScript/jQuery noob (spend most of my time in CSS/XHTML) So be gentle.

</div
     

Список ответов

1
 
vote
vote
Лучший ответ
 

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

 <код> RowCount8  

to:

 <код> RowCount9  
 

I found the problem. It's very subtle. The selector for the second set needs to be changed from:

$('#' + ($(this).attr(("id").remove("inputval_")))).val($(this).val()); 

to:

$('#' + ($(this).attr("id")).replace("inputval_","")).val($(this).val()); 
</div
 
 

Связанный проблема

0  Показать Скрыть div on click  ( Show hide a div on click issues ) 
У меня есть изображение с классом «Action_image», который при нажатии показывает меню. Это изображение с скрытым меню появляется несколько раз на той же стран...

0  jQuery: перечислять элементы после удаления  ( Jquery enumerate elements after deletion ) 
Вот упрощенная версия моей страницы: HTML <код> <div id="id-0" class="item">x</div> <div id="id-1" class="item">x</div> <div id="id-2" class="item">x</div...

0  Как изменить цвет фона в jQuery  ( How to change background color in jquery ) 
Я хочу исчезать цвет фона, когда фокусируется; <код> $(document).ready(function() { $('.skiplink').focusin(function(){ $('#skip...

0  Как закрыть всплывающее окно, когда видео YouTube играет на кнопке кнопки ESC?  ( How to close popup when youtube video is playing on esc button button ) 
Нажмите меня, чтобы увидеть демонстрацию Когда видео не играет, то кнопка ESC нажала всплывающее окно, но он не работает при воспроизведении видео. ...

0  в то время как цикл превышает каждый метод  ( While loop over takes the each method ) 
Я добавляю элемент на страницу, используя статический номер в соответствии с кликом пользователя. Таким образом, элемент имеет серийный номер в соответствии с...

6  Как я могу найти неиспользованные CSS в AJAX приложении?  ( How can i find unused css in ajax app ) 
Я искал, и я не могу найти какие-либо дополнения или JavaScript для поиска неиспользованных CSS в приложениях AJAX. Select-Me Selectors Можете сделать са...

-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто]  ( What is wrong with this jquery code its driving my crazy ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Разбор в твиттере JSON  ( Parsing a twitter json ) 
Я использую следующий код для Perfom A Поиск в API Twitter: <код> $.post('lib/themattharris-tmhOAuth-38bd48b/search.php', {q:'@something', pag...

1  Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp  ( Rapidmail subscription form redirect after email subscription mailchimp ) 
Я создаю веб-страницу, которая включает в себя очень простую форму подписки, в основном собирая адреса электронной почты, заинтересованные в продукте. Для это...

0  Скрывая неупорядоченный список, когда у него нет элементов  ( Hiding an unordered list when it has no elements ) 
У меня есть проблема, которая кажется сначала, как общий язык No-Brainer и легкая задача. У меня есть плагин JavaScript на моей странице, который генерирует...

1  JSON Данные не рендеринга в раскрывании Kendo UI  ( Json data not rendering in kendo ui dropdown ) 
пытается сделать <код> Json Возвращенные данные в <Код> kendo Выпадающий список, но не рендеринг. Пожалуйста, найдите код Snippett. Я могу увидеть бдительну...

0  JQuery и Radio Button Help  ( Jquery and radio button help ) 
У меня есть данные, импортируемые из базы данных, и я хотел бы представлять эти данные в наборе радиопередач. Если значение в базе данных - 1 «Статус клиента»...

0  .append () элемент с более чем одним классом  ( Append element with more than one class ) 
Я не могу найти информацию о том, можно ли использовать .append (), чтобы добавить элемент в HTML и дать этому элементу более одного класса <код> $( ".nav"...

3  jquery Выберите и перетащите Chrome Shood  ( Jquery select and drag chrome problem ) 
У меня есть функция выбора и перетаскивания. В основном вы можете выбрать 3 элемента и перетащить их вместе. Проблема в Chrome. Если один элемент имеет «-We...

1  JavaScript не работает над динамическим контентом  ( Javascript not working on dynamic content ) 
У меня есть страница, где в HTML Div загружен с другой страницы. На родительской странице у меня есть JavaScript, который имеет элементы, которые применяются ...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.