У меня проблема с Chrome.У меня есть выпадающий список.За исключением Chrome, он работает хорошо.Однако в chrome сначала добавляется пустой элемент.
Часть HTML:
<head>
<script type="text/javascript">
$(document).ready(function() {
townDistrictObject.bind({cityId:1});
});
</script>
</head>
<body>
<div class="left marginleft15">
<p>Town</p>
<p>
<select name="town1" id="townId" style="width: 152px;">
<option selected="selected" value="999999999">Whole Istanbul</option>
<option value="999999998">Anatolian Part</option>
</select>
</p>
</div>
<div class="left marginleft15">
<p>District</p>
<p>
<select id="districtId" name="districtid1" style="width: 174px;" >
<option selected="selected" value="0">Whole Districts</option>
</select>
</p>
</div>
</body>
На стороне сценария есть что-то подобное:
var townDistrictObject = {
defaults : {
cityId :1,
townElementId : "townId",
districtElementId : "districtId",
allDistricts: true
},
bind : function(options) {
$.extend(this.defaults, options);
var that = this;
var opts = this.defaults;
var townElement = $('#' + opts.townElementId);
townElement.val(0);
}
};
Объяснение проблемы:
Во-первых, в верхней части списка есть пустой элемент (не должно быть!)
Во-вторых, я нажму на одну изих. («Весь Стамбул» для моего примера.)
Наконец, я проверяю список, и этот элемент сверху исчезает.После этого все будет в порядке.
PS: Я проверил код и думаю, что проблема связана со стороной скрипта.Спасибо за вашу помощь.