显示div的单选按钮需要用默认页面填充iframe

时间:2018-10-24 01:20:00

标签: javascript iframe

我有单选按钮(清单1),用于显示/隐藏页面上的div。这些div中的每个div中都有另一个单选按钮列表(清单2),可在iframe中打开网址。因此,用户从列表1中进行选择,并且出现列表2中的特定单选按钮。点击列表2中的单选按钮,即可使用新网址更新iframe。

问题是,每次在列表1中单击单选按钮时,我都需要在iframe中放置一个默认网址,这样以前的网址才不会在iframe中徘徊。我不知道是否可以在每个单选按钮的现有“ show div”代码中添加“使用url刷新iframe”。

这是脚本:

<script>
    function go(loc){
      console.log(loc);
        document.getElementById('iframe').src = loc; 
    }
</script>

<script type="text/javascript">
	$(document).ready(function() {
    $("input[name$='category']").click(function() {
        var test = $(this).val();

        $("div.desc").hide();
        $("#Category" + test).show();
    });
});
</script>

这里是显示/隐藏div的列表1。我需要添加代码以刷新iframe的网址。

ITEMS&nbsp;<input type="radio" name="category" checked="checked" value="2"  />
    	&nbsp;&nbsp;CLIENTS&nbsp;<input type="radio" name="category" value="3" />

这是清单2中更新iframe的代码:

<div id="Category2" class="desc">
		<div style="color: #3186ad; font-size: 16px; font-family: Arial, sans-serif; font-weight: normal;border-bottom:1px solid;">Shortcuts for Items</div><br />
        <input type="radio" name="iframe" value="type" onClick= "go('items1?shfrom=itemsnew')"/>&nbsp;create a new item<br /><br />

好像我可以添加功能

onClick= "go('items1?shfrom=itemsnew')"

从列表2到列表1项,我可以在显示列表2的div的同时更新iframe网址。我不知道这是否可行。任何帮助都会很棒!

0 个答案:

没有答案