如果您有更多内容,请选择Textare的内容

时间:2017-12-30 16:57:00

标签: javascript jquery html

在我的html文档中,我有5个或更多这样的textarea:

<textarea name="comente5422" id="comente5422" placeholder="Tap your coment..."></textarea>

如您所见textarea有ID: comente5422 ,而其他人的数字更改如下:

comente5423 comente5424 ,...

这是获取内容的JS脚本,点击输入按钮

<script type="text/javascript">$('#comente').keypress(function(event) {

    if (event.keyCode == 13 || event.which == 13) {

var blae = $('#comente').val();
var is_ownn = $('#son_owni').text();

  $.ajax({                       
                type: 'post',
                url: 'call.php', // point to server-side PHP script 
                data: {
            coment: blae<?php echo $publication['id_share'];;?>,
            is_own: is_ownn<?php echo $publication['id_share'];;?>,
        },  
                success: function(scrip_response){

                }
     });
    }
});</script>
当使用每个textarea的ID并且html代码变得非常繁忙时,当我在每个textarea中复制它时,这个脚本工作。

我想知道是否有其他方法来获取textarea的内容而不重复此脚本!

1 个答案:

答案 0 :(得分:1)

您可以使用名称选择器和this。如果名称不同,则使用公共类

$( "textarea[name='comente5422']" ).keypress(function(event) {
 if (event.keyCode == 13 || event.which == 13) {
 var blae = $(this).val();
 var is_ownn = $('#son_owni').text();
 //... rest of code

或者也可以使用attribute-starts-with-selector

$( "textarea[id^='comente']" ).keypress(function(event) {
     if (event.keyCode == 13 || event.which == 13) {
     var blae = $(this).val();
     var is_ownn = $('#son_owni').text();
     //... rest of code