Нажмите на ссылку, чтобы отобразить раскрывающийся список

Question

Я просто хочу отобразить ссылку «Бесплатный чат», когда нажимаю на ссылку. Он должен отображать раскрывающийся список с параметрами "yes" и "no".

Ссылка еще никуда не должна идти, только при выборе "yes" она должна перенаправить на страницу.

У меня сейчас есть код:

<a href="" id="link" name="link" onClick="yesnolist(1)">Free Chat</a>

и мой Javascript:

<script type="text/JavaScript">
  function yesnolist()
  {
     var e = document.getElementById("link");
     var strUser1 = e.options[e.selectedIndex].value;
     if (strUser1 == "1")
        window.location.href = "http://.........";

     return strUser1;
  }
 </script>

Answer 1

Я не уверен, что прекрасно понимаю ваш вопрос.

Я предполагаю, что вы сказали ссылку:

<a href="" id="link" name="link" onClick="yesnolist(1)">Free Chat</a>

Теперь, когда кто-то нажимает, вы хотите, чтобы он создал раскрывающийся список.?Я не уверен, что вы имеете в виду выпадающий список рядом с элементом привязки или замените элемент привязки выпадающим списком.

Я бы порекомендовал в любой момент использовать jQuery для javascript, но так как кажется, что вы 'не используем его:

<a href="#yesno" id="link" name="link">Free Chat</a>
<select id="yesno_id" name="yesno" style="display:none;">
    <option value="1">Yes</option>
    <option value="2">No</option>
</select>

Мы не покажем выпадающий список, даже когда он уже там.Теперь мы добавляем слушателя к #link и к #yesno_id (обратите внимание, что следующий код либо идет прямо перед тегом, либо должен быть помещен в слушатель загрузки тела).

<script type="text/javascript">
document.getElementById('link').addEventListener('click', function() {
    var yesno = document.getElementById('yesno_id');
    yesno.style.display = 'block';
    yesno.addEventListener('change', function() {
        if (this.value === '1') {
            window.location.href = "http://.........";
        }
        else {
            this.style.display = 'none';
        }
    }, true);

}, true);
</script>

Я не проверял еговообще и, скорее всего, будут иметь ошибки (я даже не написал это в редакторе), но это должно дать вам общее представление.

Здесь мы используем ненавязчивый JavaScript: мы не добавляем ссылки на JavaScript в HTML.У нас просто есть идентификаторы и классы, как любой HTML без JS.Затем мы обращаемся к элементам HTML, используя JavaScript, помимо всего этого, и связываем обработчики событий click и change (соответственно каждому элементу).

Если человек нажимает на ссылку и затем выбирает «Нет», он скрываетвыпадающий список, если он говорит да, он будет перенаправлен на URL, который вы сказали.Было бы неплохо иметь ссылку на ссылку якоря и отменить распространение события.Затем возьмите href из обработчика событий yesno_id и перенаправьте на него.Таким образом, если JS отключен, он сразу приведет вас на страницу (хотя это не подтвердит).

Answer 2

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

<a href="" id="link" name="link" onClick="yesnolist()">Free Chat</a>


<script type="text/JavaScript">
  function yesnolist()
  {
     var e = confirm('are you want to sure...?');

     if (e == ture)
        window.location.href = "http://.........";
      else
        return false;

    }
 </script>

Это может быть полезно для вас ..

Спасибо.

Answer 3

Страница начальной цитаты блока цитат скрывает тот div

при нажатии на шоу Div с задержкой 1000

Цитата блока

Вы получите как выпадающий визуальный

Answer 4

На днях я нашел этот плагин JQuery, который, я думаю, будет делать именно то, что вы хотите:

http://thrivingkings.com/apprise/

См. Примеры на странице, чтобы узнать, как сделать поле «да / нет».