2013-05-31 5 views
-2

У меня есть таблица HTML, которая динамически заполняется с помощью скрипта.Предупреждающее сообщение, если нажато текстовое поле

Я хотел бы использовать сценарий jQuery, который отображает сообщение об ошибке, если значение в столбце 2 равно «Конкретный термин», когда пользователь нажимает на текстовое поле в той же строке.

У меня был поиск в Интернете, но я не могу найти код для достижения этого - есть ли такой код вокруг этого?

+2

, что вы сделали ... создавать свои realted коды тоже – bipen

ответ

1

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

See it here.

<table class="yourtable"> 
    <tr> 
     <td>abcd</td> 
     <td>Specific Term</td> 
     <td><input type="text" class="yourtextbox" /></td> 
    </tr> 
</table> 

<script type="text/javascript"> 
    $('table.yourtable').on('click','input.yourtextbox',function(){ 
     var yourval = $(this).parents('tr').find('td:eq(1)').text().trim(); 
     if (yourval == 'Specific Term') { 
      alert('go for it'); 
     } 
    }) 
</script> 
+0

Спасибо за это - моя таблица имеет 8 столбцов. Текст - это столбец 2, а текстовое поле в столбце 8 - изменит код? –

+1

@DustinCook Этот код работает для любого количества колонок. Попробуйте сами. –

+0

Получил это благодаря работе! У меня проблема с форматированием, где я включаю пробел вокруг текста в каждом столбце, но функция 'trim()' игнорирует это! –

0

HTML пример:

<table> 
    <tr> 
     <td class="column1"></td> 

     <td class="column2"></td> 

     <td class="clicked_column"><input type="text" class="textBox" /></td> 
    </tr> 
</table> 

JQuery:

$(document).ready(function(){ 
    $('.clicked_column .textBox').click(function(){ 
      var firstColumn=$(this).closest('tr').find('.column1').text(); 
      var secondColumn=$(this).closest('tr').find('.column2').text(); 
      if(secondColumn=='specific value'){ 
       alert('alert generated'); 
      } 
    }); 
}); 
Смежные вопросы