jquery textarea numéro de sélecteur

Question

J'ai une liste de résultats. Dans ces résultats, il y a un <textarea> inclus pour chacun d'entre eux. (textareas multiples)

<textarea class="form-control smstext" 
      data-sms="<?php echo"$id"; ?>" 
      name="sms-<?php echo"$id"; ?>" 
      id="sms-<?php echo"$id"; ?>" 
      onkeyup="checkSmsText();" 
      onchange="checkSmsText();"> 
</textarea> 

J'ai un problème à obtenir la valeur de la data-sms -attribut et par conséquent le nombre $id.

jquery:

function checkSmsText() { 
    var elem = $(this); 
    var id = elem.attr('data-sms'); 
    console.log(id); 
    sms = $('#sms-' + id).val(); 
    console.log(sms); 
} 

J'ai essayé plusieurs options me savent, sans succès. Toutes les suggestions s'il vous plaît.

Answer 1

1. <?php echo"$id"; ?> est erroné (erreur de syntaxe).

Ajouter une place là comme: -

<?php echo $id; ?> 

2. passe this comme une référence à la fonction et de les utiliser dans le code javascript.

function checkSmsText(elem) { 
 
    var id = $(elem).attr('data-sms');// better to use $(elem).data('sms'); 
 
    console.log(id); 
 
    sms = $(elem).val(); 
 
    console.log(sms); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea class="form-control smstext" data-sms="1" name="sms-1" id="sms-1" onkeyup="checkSmsText(this);" onchange="checkSmsText(this);"></textarea>

Answer 2

Utilisez data = "SMS-" au lieu de données sms = ""