将无序列表从弹出窗口填充到主窗口中 - javascript

发布于 2024-11-03 10:26:45 字数 1014 浏览 0 评论 0原文

在我的父窗口中，我有一个列表：

<span id="r_doc_span">
<ul id="r_docs">
<li>
<input id="r_doctor" type="hidden" name="r_doctor" size="40" value="<%=rd%>">
<input id="r_doctor_ohip" type="hidden" name="r_doctor_ohip" size="20" value=<%=rdohip%>>
</li>
</ul></tr>

我想从弹出窗口填充此列表。我有 2 个 javascript 函数用于此目的：

function addRefDoc(){
  <% prop = (Properties) vec.get(i1);
  String ref_no = prop.getProperty("referral_no","");
  String ref_name = (prop.getProperty("last_name", "")+ ","+prop.getProperty("first_name", "")); %>
 AddOtherRefDoc("<%=ref_name%>", <%=ref_no%>);
}

function AddOtherRefDoc(name, number) {
 var remove = "<a href='javascript:void(0) onclick='removeRefDoctor(this)'>remove</a>";
 var html = "<li>"+name+"<b>, Referral No: </b>"+number+ " " +remove+"</li>";
 jQuery("#r_docs").append(jQuery(html));
}

但是此代码没有任何反应。我如何填充我的列表？请帮忙。

原文

In my parent window, I have a list :

<span id="r_doc_span">
<ul id="r_docs">
<li>
<input id="r_doctor" type="hidden" name="r_doctor" size="40" value="<%=rd%>">
<input id="r_doctor_ohip" type="hidden" name="r_doctor_ohip" size="20" value=<%=rdohip%>>
</li>
</ul></tr>

I want to populate this list from a pop-up window. I have 2 javascript functions for this purpose:

function addRefDoc(){
  <% prop = (Properties) vec.get(i1);
  String ref_no = prop.getProperty("referral_no","");
  String ref_name = (prop.getProperty("last_name", "")+ ","+prop.getProperty("first_name", "")); %>
 AddOtherRefDoc("<%=ref_name%>", <%=ref_no%>);
}

function AddOtherRefDoc(name, number) {
 var remove = "<a href='javascript:void(0) onclick='removeRefDoctor(this)'>remove</a>";
 var html = "<li>"+name+"<b>, Referral No: </b>"+number+ " " +remove+"</li>";
 jQuery("#r_docs").append(jQuery(html));
}

But nothing happens with this code. How can I populate my list? Please help.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

挖个坑埋了你 2024-11-10 10:26:45

~~正如 Matt Ball 所说，至少弹出窗口引用的函数之一不是 JavaScript，看起来更像 C#。~~ 现在经过编辑，<% / < code>%> 在那里。

从弹出窗口中，您可以访问父窗口上带有 id 的元素，如下所示：

var doctor = window.opener.jQuery('#r_doctor');

通过 jQuery 对象获取对父窗口上的 r_doctor 元素的引用那个窗户。（子窗口通过 window.opener 属性获取对其父窗口的引用。）

这是一个实例< /a>，代码的核心内容（例如上面的行）在弹出窗口中。在那里，我使用了文本而不是隐藏输入，但这只是为了让您可以看到发生了什么。

~~As Matt Ball said, at least one of your quoted functions for the popup isn't JavaScript, looks more like C#.~~ Now with the edit, the <% / %> are there.

From a popup window, you can access elements with ids on the parent window like this:

var doctor = window.opener.jQuery('#r_doctor');

That gets a reference to the r_doctor element on the parent window via the jQuery object in that window. (Child windows get a reference to their parent via the window.opener property.)

Here's a live example, the meat of the code (e.g., the line above) being here in the popup. There I've used a text rather than hidden input, but that's just so you can see what's going on.

回复收藏 0 原文

~没有更多了~