我現在使用的多選擇引導下拉選擇是打破我使用的JS來顯示不同的變量,如果它是一個財產出售或長期讓即價格範圍。多選擇引導下拉選項選擇器不總是顯示正確/不同的變量
我現在使用的Javascript正在工作,當我選擇長時間下拉完美(默認情況下顯示銷售價格的銷售選項),所以它顯示正確的每月價格,但是當我回到銷售下拉列表期權,這應該讓我回到銷售價格,它保持固定的長期價格選項。
$(".select_type").change(function() {
if ($(this).find(':selected')[0].className === "propertySalesOption") {
$('.rentalSearch').hide();
$('.lettingsSearch').hide();
$('.saleSearch, .SalesRentSearch').fadeIn('fast');
$("#longletval").val("0");
}
else if ($(this).find(':selected')[0].className === "longLetsOption") {
$('.saleSearch').hide();
$('.lettingsSearch').hide();
$('.rentalSearch, .SalesRentSearch').fadeIn('fast');
$("#longletval").val("1");
}
else if ($(this).find(':selected')[0].className === "holidayLettingsOption") {
$('.saleSearch').hide();
$('.rentalSearch').hide();
$('.SalesRentSearch').hide();
$('.lettingsSearch').fadeIn('fast');
}
});
<select class="select_type form-control selectpicker">
<option class="propertySalesOption">Property Sales</option>
<option class="longLetsOption">Long Lets</option>
</select>
<select name="MinimumPrice" class="form-control selectpicker">
<option value="0">Min Price</option>
<option class="rentalSearch" style="display:none;" value="500">€500 (/m)</option>
<option class="rentalSearch" style="display:none;" value="600">€600 (/m)</option>
<option class="rentalSearch" style="display:none;" value="700">€700 (/m)</option>
<option class="rentalSearch" style="display:none;" value="800">€800 (/m)</option>
<option class="rentalSearch" style="display:none;" value="900">€900 (/m)</option>
<option class="rentalSearch" style="display:none;" value="1000">€1.000 (/m)</option>
<option class="rentalSearch" style="display:none;" value="1200">€1.200 (/m)</option>
<option class="rentalSearch" style="display:none;" value="1400">€1.400 (/m)</option>
<option class="rentalSearch" style="display:none;" value="1600">€1.600 (/m)</option>
<option class="rentalSearch" style="display:none;" value="1800">€1.800 (/m)</option>
<option class="rentalSearch" style="display:none;" value="2000">€2.000 (/m)</option>
<option class="rentalSearch" style="display:none;" value="2500">€2.500 (/m)</option>
<option class="rentalSearch" style="display:none;" value="3000">€3.000 (/m)</option>
<option class="rentalSearch" style="display:none;" value="4000">€4.000 (/m)</option>
<option class="rentalSearch" style="display:none;" value="5000">€5.000 (/m)</option>
<option class="rentalSearch" style="display:none;" value="10000">€10.000 (/m)</option>
<option class="rentalSearch" style="display:none;" value="15000">€15.000 (/m)</option>
<option class="saleSearch" value="50000">€50.000</option>
<option class="saleSearch" value="75000">€75.000</option>
<option class="saleSearch" value="100000">€100.000</option>
<option class="saleSearch" value="125000">€125.000</option>
<option class="saleSearch" value="150000">€150.000</option>
<option class="saleSearch" value="175000">€175.000</option>
<option class="saleSearch" value="200000">€200.000</option>
<option class="saleSearch" value="250000">€250.000</option>
<option class="saleSearch" value="300000">€300.000</option>
<option class="saleSearch" value="350000">€350.000</option>
<option class="saleSearch" value="400000">€400.000</option>
<option class="saleSearch" value="450000">€450.000</option>
<option class="saleSearch" value="500000">€500.000</option>
<option class="saleSearch" value="550000">€550.000</option>
<option class="saleSearch" value="600000">€600.000</option>
<option class="saleSearch" value="650000">€650.000</option>
<option class="saleSearch" value="700000">€700.000</option>
<option class="saleSearch" value="750000">€750.000</option>
<option class="saleSearch" value="800000">€800.000</option>
<option class="saleSearch" value="850000">€850.000</option>
<option class="saleSearch" value="900000">€900.000</option>
<option class="saleSearch" value="950000">€950.000</option>
<option class="saleSearch" value="1000000">€1.000.000</option>
<option class="saleSearch" value="1500000">€1.500.000</option>
<option class="saleSearch" value="2000000">€2.000.000</option>
<option class="saleSearch" value="2500000">€2.500.000</option>
<option class="saleSearch" value="3000000">€3.000.000</option>
<option class="saleSearch" value="3500000">€3.500.000</option>
<option class="saleSearch" value="4000000">€4.000.000</option>
<option class="saleSearch" value="4500000">€4.500.000</option>
</select>
當我加入這個JS低於它工作正常,但是下拉選項在容器切斷,並在我的二次搜索打亂了下拉選項,請參考下面的代碼和截圖:
<script>
$(document).ready(function() {
$('.selectpicker').selectpicker();
});
</script>
您使用的是bootstrap v3嗎?你有沒有在你的頁面上包含任何其他的CSS文件,我認爲這不是默認的主題,對吧?你有其他的js文件加載目標下拉可能嗎?你可以爲我們建立jsfiddle來查看該行爲的實時版本嗎? –
你能分享完整的html請 –
我看到價格正確顯示:https://i.imgur.com/nyfsNlF.png FF&Chrome –