[x_files_1]

<select id="jform_state" name="jform[state]" class="inputbox chzn-done" size="1" onchange="listupdate()">
      <option value="1" selected="selected">=ON</option>
      <option value="0">=OFF</option>
    </select>
    <hr>
    <select class="chzn-done" id="jform_audio_id_audiocategory" name="jform[audio_id_audiocategory]">
      <option value="1" selected="selected">Диктор</option>
      <option value="2">Джингл</option>
      <option value="3">Реклама</option>
    </select>
    <script>
      listupdate = function () {
        document.getElementById('jform_audio_id_audiocategory').options[0].selected = true;
      }
    </script>

Простите, я возможно чтото не туда вставляю но даже с вашим фрагментом всё таже история что на видео.

Вот как выглядит на данный момент моя функция listupdate().

function listupdate() {
	var valz = document.getElementById("jform_audio_id_audiocategory").value;
	alert("до изменений = "+valz);

	//очищаем список
	jQuery("#jform_audio_id_audiocategory").empty();

	//добавляем пункты
	jQuery("#jform_audio_id_audiocategory").append( jQuery('<option value="1">1111</option>'));
	jQuery("#jform_audio_id_audiocategory").append( jQuery('<option value="2">2222</option>'));
	jQuery("#jform_audio_id_audiocategory").append( jQuery('<option value="3">3333</option>'));

	jQuery("#jform_audio_id_audiocategory").val(1);
	jQuery('select#jform_audio_id_audiocategory').val(1).change();
	jQuery("#jform_audio_id_audiocategory").trigger("liszt:updated"); 

	document.getElementById('jform_audio_id_audiocategory').options[0].selected = true;

	var val = document.getElementById("jform_audio_id_audiocategory").value;
	alert("после изменений = "+val);
}

По своей сути первое поле обнуляется - но именно после первой итерации себя неадекватно ведет onchange на втором поле которое обнуляем. Так как в дальнейшем onchange на этом втором поле тоже обязан реагировать на свои изменения.