JQuery - как изменить Див текст после отправки формы

Question

у меня есть форма для ввода направления и отображения карты Google

<form action="#" onsubmit="setDirections(this.from.value, 'address', 'en_US'); return false"> 

Вне формы я следующее:

Formatted Directions<div id="printdirec"><a href="http://maps.google.com/">Print Directions</a></div> 

я хочу измените значение внутри тега div 'printdirec', чтобы сказать что-то еще

Я попробовал это (что я думал, будет работать), но это не так:

<script type='text/javascript'> 
     $(document).ready(function() { 

     $(":submit").click(function(e) { 
       $('div.printdirec').val('tttt') 
      }); 

     }); 
</script> 

любые предложения о том, что я делаю неправильно?

Answer 1

Символ # идентифицирует идентификатор элемента. Используйте .text(), чтобы установить внутренний текст.

$('div#printdirec').text('tttt'); 

Answer 2

$("div#printdirec").html("tttt"); 

Вы действительно должны принести всю свою логику отправки в одно и то же место. Не нужно иметь его в разметке.

Answer 3

Эта линия:

$('div.printdirec').val('tttt') 

ищет любые дивы с класса из printdirec. Вы хотите обратиться к нему по адресу id. Кроме того, вам нужно будет установить текст div, а не значение. Попробуйте это:

$('#printdirec').text('tttt'); 

Answer 4

Было бы более надежным, чтобы справиться с submit событие, которое дает это:

$("form#id-of-your-form").submit(function(e) { 
    $('#printdirec').html('tttt'); 
}); 

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