Если у вас несколько элементов с одинаковым идентификатором или одним и тем же именем, просто назначьте один класс этим элементам и получите доступ к ним по индексу & amp; выполните требуемую операцию.
<div>
<span id="a" class="demo">1</span>
<span id="a" class="demo">2</span>
<span>3</span>
</div>
JQ:
$($(".demo")[0]).val("First span");
$($(".demo")[1]).val("Second span");
В следующей строке
var str = document.getElementById('comment');
должно быть
document.getElementById('comment').value;
Вы также хотите добавить возвращаемое значение false, чтобы не допустить отправки формы без AJAX.
onclick = "submit();return false;"
Вы видите, что ваше событие в форме работает, а не ваш вызов ajax. Вы могли бы подумать, что это так ...
<button type="submit" name="submitComment" id='submitbtn'>Save</button>
<script>
$('#submitbtn).click(function(event){
event.preventDefault();
/// rest of your code here
});
</script>