У меня есть этот код,
<!-- select customer -->
<div id="select-cust">
<h4 style="margin: 85px 0 5px 0;">Select Customer:</h4>
<select name="select_cust_id" id="cust_id" class="target">
<option value="">-- Select Customer --</option>
<option value="200020">cust1</option>
<option value="200022">cust2</option>
<option value="200023">cust3</option>
<option value="200030">cust4</option>
<option value="200032">cust5</option>
<option value="200033">cust6</option>
</select>
<script type="text/javascript">
$(document).ready(function() {
$('#table-vm').hide();
});
$(function () {
$("#cust_id").selectbox();
});
$('.target').change(function() {
var cust_id = $("select#cust_id").val();
var dataString = 'cust_id='+ cust_id;
$.ajax({
type: "POST",
url: "ajax/show_list_vm",
data: dataString,
success: function(response) {
$('#table-vm').show(800).html(response).append(cust_id);
}
});
});
</script>
</div>
<!-- table customer -->
<div id="table-vm">
</div>
Когда я внедряю эту программу в IE9, она работает так, как я хочу. Если щелкнуть раскрывающееся меню, функция «изменить» сработает и покажет значение ответа «cust_id» (например: 200020). всякий раз, когда я меняю выпадающее меню, значение менялось.
но, когда я использую его в Firefox, показ изменения значения будет нормальным, пока я не вернусь к тому значению, которое щелкнуло ранее. Ничего не изменилось. поэтому я должен освежиться.
в Opera Javascript не работает.
Итак, почему это не работает в Firefox? работает только в первый клик, и почему он вообще не работает в опере?
Заранее спасибо:)