1

您如何使用ajax 更改事件来实时获取和显示文本字段的值（即在每个值更改时显示新值）。我尝试了以下方法，但似乎#ajax['event']='change'不适用于文本字段。只有当文本字段失去焦点时才会触发 Ajax 调用，例如，当我在文本字段中写 Hello 时，它不会显示，直到我单击文本字段之外。这是我的代码：-

function test1_form($form, &$form_state)
{
   $form['text']=array(
         '#title'=>'Text:',
         '#type'=> 'textfield',
         '#ajax'=> array(
            'event'=>'change',
            'callback'=>'test1_form_submit',
            'wrapper'=>'contnr',
            'method'=>'replace',
        ),
    );

   $form['up_button']=array(
      '#title'=>t('Preview:'),
      '#type'=>'markup',
      '#prefix'=>'<div id="contnr">',
      '#suffix'=>'</div>',
      '#markup'=>'<h2>This is to be replaced</h2>',
   );
   return $form;
}

function test1_form_submit($form, $form_state)
{       
  return $form_state['values']['text'];
}

有没有办法实时获取文本字段的值并将其显示在 drupal 7 模块的浏览器中？？？

4

1 回答 1

1

您可以使用 jQuery 的keydown()事件获得相同的结果。

代码示例：

jQuery("#textFieldID").keydown(function(e) {
    jQuery("#contnr").html("<h2>" + jQuery(this).val() + "</h2>");

    // the above line can be broken into 2 lines as follows:
    var myVal = jQuery(this).val(); // grab the textfield value
    jQuery("#contnr").html("<h2>" + myVal + "</h2>"); // set the value to the div
});

更新：

您可以将 js 代码复制到一个.js文件中（调用它my-script.js并将其放入模块的目录中），然后使用#attached属性将 javascript 文件添加到页面中，如下所示：

function test1_form($form, &$form_state)
{
   $form['text']=array(
         '#title'=>'Text:',
         '#type'=> 'textfield',
         '#ajax'=> array(
            'event'=>'change',
            'callback'=>'test1_form_submit',
            'wrapper'=>'contnr',
            'method'=>'replace',
        ),
    );

   $form['up_button']=array(
      '#title'=>t('Preview:'),
      '#type'=>'markup',
      '#prefix'=>'<div id="contnr">',
      '#suffix'=>'</div>',
      '#markup'=>'<h2>This is to be replaced</h2>',
   );

   // the only code you need to add.
   $form['#attached']['js'] = array(
       drupal_get_path('module', 'test1') . '/my-script.js',
   );

   return $form;
}

希望这能解决你的问题......穆罕默德。

于 2012-10-30T07:20:55.217 回答