Как преобразовать значение в параметр формы массива Dynamic Url и не отображать и блокировать

Функционал не работает. Так как.... URL-адрес параметра Динамический Example.com/station=2,1,3 Возможно 2,3 / 3,1 / 3,2 Я хочу знать, что id будет знать динамический массив значений.

Пример получения параметра Url station 1,2,3 Кнопка станции 1 1 блок отображения и кнопка блока отображения станции 1,2 1,2 остальное нет и первая в активных данных на вкладке кнопок

<script>

document.getElementById("button1").style.display = "none";
document.getElementById("button2").style.display = "none";
document.getElementById("button").style.display = "none";

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

var station= getParameterByName('station');

 var res = plan.split(" ",3);
 i;
for(var i = 0; i < res.length; i++) {
	res[i] = res[i].replace(/^\s*/, "").replace(/\s*$/, "");
  if (res == 3) {
  document.getElementById("button1").style.display = "block";
  }else{
	if (res == 2) {
	document.getElementById("button2").style.display = "block";
  }else{
	document.getElementById("button3").style.display = "block";
	 for (i = 0; i < res.length; i++) {
        res[i].style.display = "block";
		} 
	}
  }
}
 

</script>

  <ul class = "nav nav-tabs">   
    <li class = "active"><a data-toggle = "tab" href = "#dropdown1" id = "button1">button1</a></li>
    <li><a data-toggle = "tab" href = "#dropdown2">button2</a></li>
    <li><a data-toggle = "tab" href = "#dropdown3">button3</a></li>
  </ul>

поэтому на основе динамического идентификатора, который вам нужно показать кнопки, заключается в том, что вопрос

— 30.07.2018 12:39

да показать кнопки

— 30.07.2018 12:53

javascript html arrays arraylist

30.07.2018 12:34

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

я надеюсь, что это сработает .. удачного кодирования :)

$(document).ready(() =>{
   // showing the buttons if params is there
   const hideShowButton = (elementHref) => {
    $(`a[href='${elementHref}']`).css("display", "block");
  }


  let url; //window.location.href // Example.com/station=2,1,3 
  url = "Example.com/station=1,3";
  let buttonsToBeShow = url.split(" = ")[1].split(",").map(o => parseInt(o));
  buttonsToBeShow.forEach(o => {
    switch(o){
      case 1:
        hideShowButton("#dropdown1")
       break
      case 2:
        hideShowButton("#dropdown2")
       break
      case 3:
        hideShowButton("#dropdown3")
       break
      default:
        return;
    }
  })
  
 
  
})

li a{
 display:none;
}

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>


<link href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel = "stylesheet"/>


<ul class = "nav nav-tabs">   
    <li class = "active"><a data-toggle = "tab" href = "#dropdown1" id = "button1">button1</a></li>
    <li><a data-toggle = "tab" href = "#dropdown2">button2</a></li>
    <li><a data-toggle = "tab" href = "#dropdown3">button3</a></li>
  </ul>

благодарить. Но это не похоже на кнопку, а на загрузочную вкладку

— 30.07.2018 14:16

Я обновил ответ на основе вашего комментария. Пожалуйста, проверьте, если это нормально, вы можете просто принять его.

— 30.07.2018 14:34

позвольте url; //window.location.href // Example.com/station=2,1,3 динамическая var station = getParameterByName ('station'); использовать unknown в jquery

— 30.07.2018 15:09

Я не понял, о чем вы спрашиваете, чтобы получить значения станции?

— 31.07.2018 08:46

30.07.2018 14:09