Question

我有以下JS代码：

//vars
    var plz = jQuery('#plz_field_12374786');
    var ortsteil = jQuery('#ortsteil_field_31289743');
    var is_ortsteil = jQuery('#is_ortsteil_12312487');

    //PLZ-Ajax for Ortsteil
    jQuery(plz).on('change', function(){
        var obj = jQuery(this);
        obj.addClass('loading');
        jQuery.ajax({
            url: '/xxxxxxx/wp-admin/admin-ajax.php?action=get_ortsteil_from_plz&plz='+jQuery(this).val(),
            context: document.body
        }).done(function(data) {
            var ortsteile = jQuery.parseJSON(data);
            jQuery(ortsteil).find('option').each(function(){
                jQuery(this).remove();
            });
            if(ortsteile.length>1){
                for (var i=0;i<ortsteile.length;i++){
                    jQuery('<option/>').val(ortsteile[i]).html(ortsteile[i]).appendTo(ortsteil);
                }
                jQuery(ortsteil).show();
                jQuery(ortsteil).attr('disabled', false);
                jQuery(is_ortsteil).val('true');
            }else{
                jQuery(ortsteil).hide();
                jQuery(ortsteil).attr('disabled', 'disabled');
                jQuery(is_ortsteil).val('false');
            }
            obj.removeClass('loading');
        });
    });

结果是一个选择字段，如：

<select style="" class="ortsteil" id="ortsteil_field_31289743" name="ortsteil_field_31289743">
<option value="Districtname1">Districtname1</option>
<option value="Districtname2">Districtname2</option>
<option value="Districtname3">Districtname3</option>
</select>

我想显示PLZ（zip-Code）......就像：

<select style="" class="ortsteil" id="ortsteil_field_31289743" name="ortsteil_field_31289743">
<option value="PLZ - Districtname1">PLZ - Districtname1</option>
<option value="PLZ - Districtname2">PLZ - Districtname2</option>
<option value="PLZ - Districtname3">PLZ - Districtname3</option>
</select>

有人可以帮助我并告诉我我需要改变什么吗？

感谢!!!!

Answer 1

变化：

jQuery('<option/>').val(ortsteile[i]).html(ortsteile[i]).appendTo(ortsteil);

到

jQuery('<option/>').val('PLZ - ' + ortsteile[i]).html('PLZ - ' + ortsteile[i]).appendTo(ortsteil);

如果PLZ -是变量，请将上面的字符串替换为：

jQuery('<option/>').val(plz + ' - ' + ortsteile[i]).html(plz + ' - ' + ortsteile[i]).appendTo(ortsteil);

jQuery - 添加第二个var以选择选项字段

1 个答案: