Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Adding button

Hi,

I want to insert this html code in text format question's body. On the page when I click button "Ankara Bölge Müdürlüğü-Bölge Koordinasyo " It goes to next page. What is wrong with it?

<div class="sidenav">
  <a href="#">Sendikasyon</a>
    <div class="dropdown-btn">Aktif-Pasif Yönetimi Müdürlüğü  
    <i class="fa fa-caret-down"></i>
  </div>
  <div class="dropdown-container">
    <a href="#">Alım Satım</a>
    <a href="#">Para Piyasaları</a>
    <a href="#">Sendikasyon</a>
  </div>
  <button class="dropdown-btn">Ankara Bölge Müdürlüğü-Bölge Koordinasyo  
    <i class="fa fa-caret-down"></i>
  </button>
  <div class="dropdown-container">
    <a href="#">Anket 1</a>
    <a href="#">Anket 2</a>
    <a href="#">Anket 3</a>
  </div>
  <button class="dropdown-btn">Bireysel Pazarlama Müdürlüğü
    <i class="fa fa-caret-down"></i>
  </button>
  <div class="dropdown-container">
    <a href="#">Anket için tıklayınız</a>
    <a href="#">Anket için tıklayınız</a>
    <a href="#">Anket için tıklayınız</a>
  </div>
</div>

<div class="main">
  <h2>İç Müşteri Anket Ağacı</h2>
  <p>Lütfen anketini doldurmak istediğiniz Bölümü yandaki listeden seçiniz</p>
  <p>Uyarı metni</p>
  <p>Uyarı metni</p>
</div>
asked May 24 by Hüseyin (190 points)

1 Answer

+1 vote
 
Best answer
The default button type is "submit" in many browsers, which is what causes the page to submit upon clicking.  To prevent this behavior, we just need to explicitly set the button's type to "button," like this:

<button type="button"></button>
answered May 24 by Zachary Platinum Sawtooth Software, Inc. (129,350 points)
selected May 24 by Hüseyin
It works!! Many thanks...
...