javascript append value jquery

Question

Я ноб с javascript. Я искал в Интернете с помощью Google, но никакой ответ мне не помогает. У меня есть идентификатор базы данных, который должен быть отправлен в модальной форме в виде скрытого значения.

echo "<a class='label label-warning' id='".$bl_total['id']."' **<< this id** 
data-toggle='modal' data-target='#myModal'>".$bl_total['id']."</a>"; 

<input type="hidden" id="id" name="id" value="9999" /> **<< must replace the 9999** 

JS:

$("a").click(function() { 
    var id = $("a").val(); 
    $("#id").val(id); 
}); 

Answer 1

Других ответов получить, что вы хотите, но немного чиста альтернатива

$('a').click(function() { 
    $('#id').val(this.id); 
}); 

Примечание нескольких вещей:

1. this.id более производительный и читаемый, чем как $(this).text() или $(this).attr('id'). Он полностью обходит jQuery и получает доступ к свойству id элемента <a>.
2. Если ваш код написан в указанном порядке, то $(document).ready(...) не требуется, поскольку скрипт оценивается после того, как соответствующий HTML был разобран и предоставлен DOM. .

Answer 2

Заменить код

<script> 
$("a").click(function() { 
    var id = $("a").text(); 
    $("#id").val(id); 
}); 
</script> 

Answer 3

Вы должны получить идентификатор с помощью attr('id') затем заменить значение скрытого ввода с помощью .val(), проверьте пример ниже.

Надеюсь, это поможет.

---

$(function(){ 
 
    $("body").on('click', 'a', function() { 
 
     var link_id = $(this).attr('id'); 
 
     $("#id").val(link_id); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class='label label-warning' id='11111' data-toggle='modal' data-target='#myModal'>Link example</a> 
 
<br> 
 
<input type="text" id="id" name="id" value="9999" />

Answer 4

Вы должны сделать это в $(document).ready() и получить текст из <a> использования text() не val. val используется для элемента input.

$(document).ready(function(){ 
    $("a").click(function() { 
     var id = $(this).text(); 
     $("#id").val(id); 
    }); 
});