0 
<script type="text/javascript">
var CountryVal;
var StateVal;
$(document).ready(function(){
    $('#ItemCountry').change(function(){
        CountryVal = this.value; // value of the select element
        $("#StateFeeder").html('<img src="/images/mapCountry/AU/ajax-loader.gif" class="IMG-Loading" />');
        $('#StateFeeder').load('/StateFeeder/StateFeeder-Buy.html #StateFeeder-'+CountryVal, function(){
            $('#ItemState').change(function(){
                StateVal = this.value; // value of the select element
                $("#CityFeeder").html('<img src="/images/mapCountry/AU/ajax-loader.gif" class="IMG-Loading" />');
                $('#CityFeeder').load('/Country/'+CountryVal+'/_'+CountryVal+'_suburbs.html #Suburbs-'+StateVal, function(){
                    $('#CityFeeder select').attr('size', '5');
                    $('#CityFeeder select').change(function(){  
                        this.form['CAT_Custom_221342'].value=$(this).val();
                    }); 
                });        
            })
        });
    });
});           
</script>

上面的 Jquery 将从其他页面加载下拉菜单到当前页面，并在用户进行选择时将值传递到另一个输入字段。问题是，从远程页面中的#StateFeeder 获取的选项值包含以下格式：

<option value="Kabardino-BalkarRepublic">Kabardino-Balkar Republic</option>
<option value="Karachay-CherkessRepublic">Karachay-Cherkess Republic</option>
<option value="KareliaRepublic">Karelia Republic</option>
<option value="KomiRepublic">Komi Republic</option>
<option value="MariElRepublic">Mari El Republic</option>
<option value="MordoviaRepublic">Mordovia Republic</option>

上面的值是不间断的大写单词，我希望它们在加载到当前页面时在大写单词之间使用空格（请保留“-”btw 单词），当它们加载到当前页面时，没有空格的值用作用户的 id 以进行 onchange 操作，然后稍后对其进行格式化。非常感谢你：

<option value="Kabardino-Balkar Republic">Kabardino-Balkar Republic</option>
<option value="Karachay-Cherkess Republic">Karachay-Cherkess Republic</option>
<option value="Karelia Republic">Karelia Republic</option>
<option value="Komi Republic">Komi Republic</option>
<option value="Mari El Republic">Mari El Republic</option>
<option value="Mordovia Republic">Mordovia Republic</option>
4

1 回答 1

2

我建议：

$('option').attr('value', function(i, h) {
    return h.replace(/([a-z])([A-Z])/g, '$1 $2');
});

JS 小提琴演示。

这有效地查找一个小写字母 ( [a-z]) 后跟一个大写字母 ( [A-Z])（匹配两个字母中的每一个，括号包裹每个字母），使用 中的正则表达式replace()，然后替换小写字母 ( with self) 插入一个空格，然后插入大写字母。

在链接的演示中，div以下select元素显示了更改后的options 的 HTML。

于 2012-09-04T01:17:16.983 回答