Javascript 从列表中的隐藏输入中获取正确的值

Javascript 从列表中的隐藏输入中获取正确的值,javascript,jquery,html,Javascript,Jquery,Html,我有一些父母的名单,在他们的孩子下面。我的目标是,当我点击任何一个列表时,它将获取其隐藏的输入值,但问题是它只获取所有项目的单个值。我正在使用隐藏的输入id来选择项目。我在这里干什么?我还使用了一个类来进行输入,但仍然不起作用。有什么想法吗 $(文档).ready(函数(){ $(“.p”)。单击(函数(){ var z=$(“#pid”).val(); 警报(z); }) $(“.c”)。单击(函数(){ var z=$(“#cid”).val(); 警报(z); }) }); 只是测试

我有一些父母的名单,在他们的孩子下面。我的目标是,当我点击任何一个列表时,它将获取其隐藏的输入值,但问题是它只获取所有项目的单个值。我正在使用隐藏的输入id来选择项目。我在这里干什么?我还使用了一个类来进行输入,但仍然不起作用。有什么想法吗

$(文档).ready(函数(){
$(“.p”)。单击(函数(){
var z=$(“#pid”).val();
警报(z);
})
$(“.c”)。单击(函数(){
var z=$(“#cid”).val();
警报(z);
})
});

只是测试

您必须在.p类中找到id,而且id应该是唯一的,您可以使用类来代替:

$(文档).ready(函数(){
$(“.p”)。单击(函数(){
var z=$(this.find(#pid”).val();
警报(z);
})
$(“.c”)。单击(函数(){
var z=$(this.find(#cid”).val();
警报(z);
})
});

只是测试

由于您对所有字段使用相同的id,因此每当它触发click事件时,将首先警告id为的值。您必须在
.p
.c
类中查找id,这可以通过使用
$(this.find()

关键字引用元素的当前实例

$(文档).ready(函数(){
$(“.p”)。单击(函数(){
var z=$(this.find(#pid”).val();
警报(z);
})
$(“.c”)。单击(函数(){
var z=$(this.find(#cid”).val();
警报(z);
})
});

只是测试

你也可以通过它的值得到它,比如

$('select')。更改(函数(){
a=$('select>option:selected').text();
$('ul>li').css('visibility','hidden'))
$(“ul>li[value='”+a+“']”)css('visibility','visible');
});
。隐藏{
可见性:隐藏;
}

  • grab2'>
  • grab3'>
  • grab4'>
  • grab5'>
  • grab6'>
攫取 攫取 攫取 攫取 攫取 攫取
ID应该是唯一的use类,而不是像
$(this.find('pid')
$(this.find('cid'))这样的上下文。find('cid')
不建议使用重复的ID。我刚才提到了他缺少的内容。我从来没有提到过使用重复的ID:p。是的,他不应该使用重复的身份证