Нужна помощь с динамическим построением атрибута href с помощью jQuery - PullRequest
Новая
       13

Нужна помощь с динамическим построением атрибута href с помощью jQuery

0 голосов
/ 04 марта 2011

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

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

Пример: если пользователь нажимает «Английский» и «А», то исходящей ссылкой будет «... href =« Глоссарий-английский-A.html ».

Заранее спасибо за помощь

1 Ответ

1 голос
/ 04 марта 2011

с учетом следующей разметки: 

<ul id="lang">
    <li>
        <input type="button" value="English"/>
    </li>
</ul>

<ul id="letters">
    <li>
        <input type="button" value="A"/>
    </li>
</ul>

<a href="#" id="theLink">Go!</a>

И сценарий ... 

$(function(){


  $("#lang input[type=button]").click(function() {
    $("#theLink").data("lang", $(this).val());
  });

  $("#letters input[type=button]").click(function() {
    $("#theLink").data("letter", $(this).val());
  });
  $("#theLink").click(function() {
    var link = "Glossary-" + $(this).data("lang") + "-" + $(this).data("letter") + ".html";
    alert(link);
    $(this).attr("href", link);
  });
});

Только то, что я придумала за несколько минут до обеда :)

Пример использования jsfiddle .

...