jquery - 多输入选择改变条件

Question

如何使多个输入选择更改条件以使用 jquery 查看差异 div 输出？

这是我的代码

<-- 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>

谢谢你

Answer 1

您可以使用 jQuery 的函数来处理<select>标签中值的变化。.change()由于您没有指定要在每组条件上执行的内容。我只是做了一个简单的方法来显示更改：

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

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

}); 

这是jsfiddle