множественный вход выбрать условие изменения

Question

как я могу сделать несколько условий выбора ввода, чтобы просмотреть выход diverence div с jquery?

вот мой код

<-- input select one -->  
<select id="property"> 
<option selected="selected" value="">Choose one</option> 
<option value="rumah">House</option> 
<option value="apartemen">Apartment</option> 
</select> 

<-- input select one -->  
<select id="method"> 
<option selected="selected" value="">Choose one</option> 
<option value="buy">Buy</option> 
<option value="rent">Rent</option> 
</select> 

<div id="view-box"> 
<-- output to change base on condition (house buy, house rent, apartement buy etc) --> 
here.. 
</div> 

Thankyou

Answer 1

Вы можете обрабатывать изменения значения в <select> тег с .change() функции JQuery в. Поскольку вы не указали, что вы хотите выполнить при каждом наборе условий. Я только что сделал простой способ, чтобы показать изменения:

$('#property, #method').change(function(){ 
    var propertyVal = $('#property').val(); 
    var methodVal = $('#method').val(); 
    var n = propertyVal+' '+methodVal; 

    $('#view-box').text(n); 

}); 

Здесь представлен jsfiddle