Patrick64
commented
2 years ago So you want to create a select and add some javascript that submits the range in a form. You can do something like this (note this code is untested)
{number_range_groups}
<h3 class="group_{group_name}">{label}</h3>
{filters}
<form method="post" class="number_range" >
<input type="hidden" name="XID" value="{XID_HASH}" />
<input type="hidden" id="{group_name}_min" name="{group_name}_min" value="0"/>
<input type="hidden" id="{group_name}_max" name="{group_name}_max" value="100"/>
<select onchange="a=JSON.parse(this.value);document.getElementById('{group_name}_min').value = a[0];document.getElementById('{group_name}_max').value = a[1];this.form.submit()">
<option value="['','']">Any Price</option>
{if filter_min_value < 100}
<option value="[0,100]" {if filter_max==100}selected{/if}>$0-100</option>
{/if}
{if filter_min_value < 200 and filter_max_value > 100}
<option value="[100,200]" {if filter_max==200}selected{/if}>$100-200</option>
{/if}
{if filter_min_value < 300 and filter_max_value > 200}
<option value="[200,300]" {if filter_max==300}selected{/if}>$200-300</option>
{/if}
</select>
</form>
{/filters}
{/number_range_groups} 
bijendraps
We are using refinee module and our requirement is that we want to Search in field by dropdown manner like in price field
We want to give value in a range in the dropdown(1-200, 201-300).
So please let me know how we can achieve this and send me the code.