У меня есть переключатели (Список 1), которые я использую, чтобы показать / скрыть div на странице.Внутри каждого из этих элементов есть другой список переключателей (Список 2), который открывает URL-адрес в iframe.Таким образом, пользователь делает выбор из Списка 1 и появляются определенные переключатели в Списке 2.При нажатии на переключатель в списке 2 обновляется iframe с новым URL-адресом.
Проблема в том, что мне нужно помещать URL-адрес по умолчанию в iframe каждый раз, когда в списке 1 щелкают переключатели, чтобы предыдущий URL-адрес не задерживался в iframe.Я не знаю, возможно ли добавить «обновление iframe с помощью URL» к существующему коду «show div» в каждой радиокнопке.
Вот сценарий:
<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>
Вот список 1, который показывает / скрывает элементы div.Мне нужно добавить код, чтобы обновить URL-адрес iframe.
ITEMS <input type="radio" name="category" checked="checked" value="2" />
CLIENTS <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')"/> create a new item<br /><br />
Похоже, я могу добавить функцию
onClick= "go('items1?shfrom=itemsnew')"
из Списка 2 в записи Списка 1 Я мог бы обновить URL-адрес iframe одновременно с показом div для Списка 2. Я не знаю, возможно ли этохоть.Любая помощь будет отличной!