javascript - jQuery - 添加第二个变量来选择选项字段

标签 javascript jquery html-select

我有以下 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(邮政编码)...例如:

<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>

有人可以帮助我并告诉我必须更改什么吗?

谢谢!!!

最佳答案

更改:

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);

关于javascript - jQuery - 添加第二个变量来选择选项字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35625900/

相关文章:

javascript - jQuery UI - 从范围 slider 中选择一个类

javascript - 为什么这个 promise 会悄然落空?

html - 基于下拉选项使用 CSS 显示和隐藏部分

iphone - 防止 iPhone 缩放表格?

javascript - 使圆在svg中可点击

javascript 多个选项卡无法正常工作

javascript - 如何使用 JavaScript 测量动画发生的时间

javascript - 在 Apexcharts.js 中限制 x 轴

javascript - 我可以使用 vue.js 在选择选项中设置动态工具提示吗?