我有一个Drupal 7网站,我试图使用Jquery修改使用Jquery的公开过滤器搜索表单。它适用于某些输入字段,但不适用于我想要的字段。使用下面的代码,测试输入一和测试输入二可以正常工作,但是Drupal生成的输入字段edit-field-s-city-value不能。 jQuery代码将构建一个下拉列表,然后在用户选择某些内容时更新其他输入框。

我正在使用drupal_add_js('misc / jscodefile.js');在我的..views.tpl.php文件中,以包含我的Jquery代码。

实质性的Jquery代码(我添加了//注释)

$(document).ready(function($) {
                ...
                select: function( event, ui ) {
                log( ui.item ?
                    "Selected: " + ui.item.label :
                    "Nothing selected, input was " + this.value);
                $("#test-input-one").val(ui.item.mcity);  // this works!
                $("#test-input-two").val(ui.item.mstate); // this works!
                $("#edit-field-s-city-value").val(ui.item.mcity);  // this does not work!!
                 ...
                });


由PHP的drupal生成的HTML为:

              <div id="edit-field-s-city-value-wrapper" class="views-exposed-widget views-widget-filter-field_s_city_value">
                  <label for="edit-field-s-city-value">
            City          </label>
                        <div class="views-widget">
          <div class="form-item form-type-textfield form-item-field-s-city-value">
 <input type="text" id="**edit-field-s-city-value**" name="field_s_city_value" value="" size="20" maxlength="30" class="form-text" />
</div>
        </div>
              </div>
          <div id="edit-field-s-zip-value-wrapper" class="views-exposed-widget views-widget-filter-field_s_zip_value">
                  <label for="edit-field-s-zip-value">
            Zip (field_s_zip)          </label>
                        <div class="views-widget">
          <div class="form-item form-type-textfield form-item-field-s-zip-value">
 <input type="text" id="edit-field-s-zip-value" name="field_s_zip_value" value="" size="10" maxlength="10" class="form-text" />
</div>
        </div>
              </div>
                    <div class="views-exposed-widget views-submit-button">
      <input type="submit" id="edit-submit-test-view" name="" value="Apply" class="form-submit" />    </div>
      </div>

  <input type="text" id="test-input-one" name="one_value" value="" size="18" maxlength="40" class="form-text">
  <input type="text" id="test-input-two" name="two_value" value="" size="6" maxlength="10" class="form-text">


我想嵌套的div,css标签或其他东西有些有趣,但是我很茫然。谢谢。

最佳答案

我可以想象的唯一出问题的方法是当id“ edit-field-s-city-value”不是唯一的时。

09-25 17:03
查看更多