javascript - 如何正确地将 onchange 属性添加到 Drupal 7 中的表单字段

Question

在我正在编码的模块中，我有以下代码：

        'SelectType' => array(
          '#type' => 'select',
          '#name' => 'dropdown',
          '#options' => drupal_map_assoc(array(
                        'Keyword-classic','Keyword-Encore','Reserves: Instructor',)),
          '#attributes' => array('id' => array('SelectType'),
                  'onchange' => "change_action('catalogsearch', this.selectedIndex)",
          ),
        ),

这会产生以下结果：

[...]
<select id="SelectType" 
    onchange="change_action(&#039;catalogsearch&#039;, this.selectedIndex)"
    name="dropdown" class="form-select">
[...]

我需要它来生成（在第三行输出 ' 而不是 ' ）：

[...]
<select id="SelectType" style="float:left;" 
    onchange="change_action('catalogsearch', this.selectedIndex)"
    name="dropdown" class="form-select">
[...]

我需要改变什么才能让它工作？

Answer 1

你可以试试这个：

    'SelectType' => array(
      '#type' => 'select',
      '#name' => 'dropdown',
      '#options' => drupal_map_assoc(array(
                    'Keyword-classic','Keyword-Encore','Reserves: Instructor',)),
      '#attributes' => array('id' => array('SelectType'),
              'onchange' => 'change_action(\'catalogsearch\', this.selectedIndex)',
      ),
    ),

顺便说一句，由于ID是唯一的，并且一次只能使用一个元素，您应该使用'id' => 'SelectType'而不是'id' => array('SelectType').

编辑：

如果上面的代码不起作用，那么您可以使用jQuery如下：

$("#SelectType").change(function() { 
    YOUR CODE.....
});

Answer 2

我刚刚找到了这样做的“Drupal”方式。

第 1 步，使用 drupal_add_js 设置一个变量以包含下拉列表：

drupal_add_js(array('mymodule' => array('varname' => 'catalogsearch')), 'setting');

第 2 步，将“onchange”行添加为

'onchange' => 'change_action(Drupal.settings.mymodule.varname, this.selectedIndex)'

通过这样做，变量无需'通过主题系统即可传递。主题系统始终调用check_plain属性值，因此'或\'始终转换为'.