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>

thankyou

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

多输入选择更改条件

1 个答案: