Seleccion en 2 selects

[unexes]

Buenas a tod@s.

Acudo en vuestra ayuda porque no se como hacerlo:
Tengo que poner 2 selects en uno se podra seleccionar el precio minimo y en el otro el precio maximo, pongo solo uno de los selects porque los dos son identicos solo cambia el Nombre::

Código HTML:

<select name="PreMinimo" id="PreMinimo" class="precio" Onchange="cargarContenido('Contenido.php')">
    <option value="-1" selected>&nbsp;Sin seleccionar</option>
    <option value="100">&nbsp;100</option>
    <option value="200">&nbsp;200</option>
    <option value="300">&nbsp;300</option>
</select>
 

lo logico es que si selecciono en el select de precio minimo 200, en el de precio maximo debo de poner una cantidad igual o superior.
Si se diera el caso que en el de precio maximo pusiera una cantidad inferior al que habia seleccionado en el de precio minimo este deberia cambiar y igualar la cantidad seleccionada en el de precio maximo.

Osea para resumir:

Código:

Precio minimo  Precio maximo
         200         300  correcto
         200         100  incorrecto el de precio minimo debe cambiar a 100

Espero me podais ayudar, desconozco si se puede hacer de otra forma si así fuera os agradeceria me dijerais como.

Un saludo.

[Trublux]

Esto lo tienes que hacer con JavaScript.
Y podrías, por ejemplo, cambiar los dos selects por un único input y usar el widget slider de JQuery UI.

[unexes]

Gracias Trublux.

He estado viendo lo del slider y me encantaria hacerlo con el widget slider de JQuery UI pero no tengo ni idea de como implementarlo, no obstante voy a intentarlo viendo el código de la página que me has aconsejado.
Gracias

[Trublux]

Pulsa donde pone "View source" para que te salga el código del ejemplo y más abajo te viene el enlace a la documentación.

[unexes]

En eso estoy gracias Trublux.