我有一个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”不是唯一的时。