js。使用id获取多个值

时间:2019-03-18 22:42:04

标签: javascript html selector computer-science id

function handleUser(activeMenu, user) {
$('#accordion').html("");
  $.each(user, (index, user) => {
    $('#accordion').append(
<input class="control" id="a${user.userId}" value=${user.name}></input>
<input class="control" id="b${user.userId}" value=${user.email}></input>
<input class="control" id="c${user.userId}" value=${user.phone}></input> 
<input class="control" id="d${user.userId}" value=${user.address}></input>
<button class="info-actions" id="${user.userId}">
    save
</button>)});}

^上面的这段代码从db中提取数据。

但是,要保存...。我需要获取每个值。

function handleInfo() {
    $('#accordion').on('click','.info-actions',(event) => {
        let target = $(event.target).attr('id');
        console.log(target);
//this prints the id fine.

//let x = $('.control').attr('value');
//let x = $(`#a${target}`);
//let x = $(`#a${target}`);
//let x = $('#a${target}').val();
        console.log(x);

//..... then going to use ajax to connect controller.(Which I can handle)
})}

我尝试了很多方法... 不确定如何使用目标获取每个ID的值。

1 个答案:

答案 0 :(得分:0)

我认为id或它们之间有空格/等存在一些问题。

我找到了解决该问题的方法。

刚刚使用:

var name = "a" + target;
var nameVal = document.getElementById(name).value;