问题陈述:
我有一个DOM结构,其中有两个表单对象存在于不同的父项下。表单对象共享相同的ID。每个表单对象都有两个元素,具有不同的值。
基页:
ParentA(id = ParentA) - > FormA(id = FormA) - > RadioOne(id = RadioOne)value = false,RadioTwo不存在。
弹出窗口:
ParentB(id = ParentB) - > FormA(id = FormA) - > RadioTwo(id = RadioTwo)value = true,RadioOne不存在。
结构的原因是因为ParentB是一个弹出窗口,它在基页中打开具有不同值的相同表单,其中包含ParentA。弹出窗口是一个JqueryColorBox,在关闭弹出窗口之前,我想要获取基页上的元素值(恰好具有相同的ID)。
弹出窗口显示后,现在在我的javascript文件中,我正在尝试关注:
var radioOne = $(“#RadioOne”); //这会导致radioOne对象的值为false var radioTwo = $(“#RadioTwo”); //这会导致radioTwo对象的值为true
由于我有兴趣知道基页中元素的值,如果我尝试以下内容,这就是我期望它返回的内容:
var $ parentForm = $(“#FormA”); //不确定在这里返回哪个FormA实例
var radioOne = $ parentForm.find(“#RadioOne); //这会导致radioOne为false。 var radioTwo = $ parentForm.find(“#RadioTwo); //这会导致radioTwo为undefined。
问题:
基本上,我有兴趣了解基页中元素的值,而不是弹出窗口中的元素值。如果我不使用表单引用并使用jquery选择器,我将从Base Page获得RadioOne值,并从弹出窗口提供RadioTwo值。
在使用表单引用时,我能够从基页获取值,但我不确定这是否是正确的方法,因为如果正确返回表单引用,我不肯定。基页FormA和弹出窗口FormA共享相同的ID。
有没有更好的方法从基页获取元素值而不使用表单引用?