Я думаю, что Рамблингвуд, вероятно, проблема. Хотя я видел некоторые другие проблемы в вашем коде. Возможно, вы просто скопировали / вставили его. Но, казалось, было несколько дополнительных скобок и полуколоний. Вот правильная рабочая версия. Обратите внимание, что я использовал функции скрытия и показа вместо изменения свойства отображения css.
$(document).ready(function() {
var ciudad = $("#ciudad");
ciudad.hide();
$("select#selectionpais").change(function(){
var hearValue = $("select#selectionpais").val();
if( hearValue == "chile")
ciudad.show();
else
ciudad.hide();
});
});
Вот HTML:
<select name="pais" id="selectionpais">
<option value="">Please choose</option>
<option value="chile">Chile</option>
</select>
<select id="ciudad" name="ciudad" class="ciudad">
<option value=""></option>
</select>