Form düğmelerini sadece javascript çağırmak nasıl yapılır?

JavaScript ve Drupal formlarını deniyorum. Şu anda bir seçim listesine seçenekler eklemek için JavaScript kullanacak bir modülün yönetim formunda bir düğme yapmaya çalışıyorum. Karşılaştığım sorun, düğmeyi tıkladığımda JavaScript'imin çağrılması ancak tüm formun yenilenmesi. Ben onu durdurmak için düğmeye ayarlayabilirsiniz öznitelik bir tür olduğunu düşündüm Forms API başvuru baktım ama hiçbir şey bulunamadı. Düğmenin sayfayı yenilemesini durdurabileceğim bir yol var mı veya bu bir çıkmaz yol mu?

$form['#attached']['js'] = array(
  drupal_get_path('module', 'test').'/js/test.js',
);

$form['list'] = array(
  '#type' => 'select',
  '#options' => array(),
  '#attributes' => array(
    'name' => 'sellist',
  ),
  '#size' => 4,
);

$form['add_button'] = array(
  '#type' => 'button',
  '#value' => 'Add',
  '#attributes' => array(
    'onclick' => "add_to_list(this.form.sellist, 'Append' + this.form.sellist.length);",
  ),
);

//JavaScript
function add_to_list(list, text) {
  try {
    list.add(new Option(text, list.length), null) //add new option to end of "sample"
  }
  catch(e) {
    list.add(new Option(text, list.length));
  }
}

Son kodum:

<?php
function jstest_menu() {
  $items['admin/config/content/jstest'] = array(
    'title' => 'JavaScript Test',
      'description' => 'Configuration for Administration Test',
      'page callback' => 'drupal_get_form',
      'page arguments' => array('_jstest_form'),
      'access arguments' => array('access administration pages'),
      'type' => MENU_NORMAL_ITEM,
  );

  return $items;
}

function _jstest_form($form, &$form_state) {
  $form['list'] = array(
    '#type' => 'select',
    '#options' => array(),
    '#size' => 4,
  );

  $form['text'] = array(
    '#type' => 'textfield',
  );

  $form['add_button'] = array (
    '#type' => 'button',
    '#value' => t("Add"),
    '#after_build' => array('_jstest_after_build'),
  );
  return $form;
}

function _jstest_after_build($form, &$form_state) {
  drupal_add_js(drupal_get_path('module', 'jstest').'/js/jstest.js');
  return $form;
}

JavaScript
(function ($) {
  Drupal.behaviors.snmpModule = {
    attach: function (context, settings) {
      $('#edit-add-button', context).click(function () {
        var list = document.getElementById('edit-list');
        var text = document.getElementById('edit-text');

        if (text.value != '')
        {
          try {
            list.add(new Option(text.value, list.length), null);
          }
          catch(e) {
            list.add(new Option(text.value, list.length));
          }

          text.value = '';
        }

        return false;
      });
      $('#edit-list', context).click(function () {
        var list = document.getElementById('edit-list');

        if (list.selectedIndex != -1)
          list.remove(list.selectedIndex);

        return false;
      });
    }
  };
}(jQuery));

Bunu yapmanın en kolay yolu sadece javascript kodunuzda false döndürmektir:

function add_to_list(list, text) {
  try {
    list.add(new Option(text, list.length), null);
    return false;
  } catch(e) {
    list.add(new Option(text, list.length));   
    return false;
  }
}

ya da daha iyi bir yol davranışları kullanmaktır:

Drupal.behaviors.some_action = function(context) {
  $('#id-button:not(.button-processed)',context)
  .addClass('button-processed').each(function() {

    //whatever you want here
    return false;
  });
}

aşağıdaki form düğmesi tanımı benim için çalışıyor, #after_build, tıklama işleyicisini ekleyebilecek javascript'e yüklemek için kullanışlıdır.

$form['add_button'] = array (
  '#type' => 'button',
  '#attributes' => array('onclick' => 'return (false);'),
  '#value' => t("Add"),
);

$form['#after_build'] = array('[module_name]_after_build');

Sonra after build işlevi tarafından ayrı bir dosyaya yüklenen benim javascript, şuna benzer:

Drupal.behaviors.[module_name] = function(context) {
  $('#edit-add-button').click(function() {
   ...Do something here
  });
};

İfadeyi, return falseişlev çağrınızdan sonra, düğme form öğesinin öznitelik satırının içine ekleyebilirsiniz :

'#attributes' => array(
   'onclick' => "add_to_list(this.form.sellist, 'Append' + this.form.sellist.length); return false",
),

İdeal olarak, Drupal'ın kendi AJAX (veya AHAH) form yeteneklerini okuyun. Burada gerçekten basit bir giriş http://drupal.org/node/752056

Aksi takdirde, bir gönderme veya herhangi bir şey değil sadece bir 'düğme' olduğu için sayfayı yenilediğine şaşırdım.

Bir bağlantıda olduğu gibi sayfanın üst kısmına geri atlamayı durdurmak için yanlış mı döndürmek için javascript gerekiyor mu?