Search jQuery

jQuery Forum

Replacing two elements in an html select element.

in Getting Started • 13 years ago

hi everybody,

i have a problem with html select. i will be selecting an element from the select drop down, then i will click a button which will result in changing the position of this element with the element just above it.

is it possible, i am getting the element id, i thought of using replaceWith method, but its giving some error.
" uncaught exception: Syntax error, unrecognized expression: # ".

i also wanted to know if this thing is possible in jquery or not..

Replies(4)

Kevin B

Re: Replacing two elements in an html select element.

13 years ago

can you try to explain it in a different way? i have no idea what you are asking. this could be a syntax error, however you didnt post any code or dom.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - New Design!

cyberpant..

Re: Re: Replacing two elements in an html select element.

13 years ago

well, i was thinking the same thing. i wont be able to make myself clear this way. i didnt post the code because right now its all messed up. i have experimented a lot, so the code would not seem to be that simple.

the thing, as it stands right now is; i have a drop down box, in it there will be some values. now, i have an option to select an element from the drop down box and then click an "UP" button.

the function of this button is to move the currently selected element one step above. that is if the current position of this element is 2, then after clicking the button, it should be at position 1.

i hope i made myself clear this time.
thanks.

Kevin B

Re: Replacing two elements in an html select element.

13 years ago

http://jsbin.com/uruka4/2

<select id="dropdown">
<option>some text 1</option>
<option>some text 2</option>
<option>some text 3</option>
<option>some text 4</option>
<option>some text 5</option>
</select>
<button id="up">Up</button>
<button id="down">Down</button>
<script>
$(document).ready(function(){
$('#up').bind('click',function(){
// get selected option
var $sel = $('#dropdown option:selected');
// append selected option before the previous option
$sel.prev().before($sel);
});
$('#down').bind('click',function(){
// get selected option
var $sel = $('#dropdown option:selected');
// append selected option after the next option
$sel.next().after($sel);
});
});
</script>

edit: this should theoretically work with a select that allows select multiple as well.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - New Design!

cyberpant..

Re: Re: Replacing two elements in an html select element.

13 years ago

thanks a lot. I never thought of combining these functions on select element. i did use this on a div though.

how lame of me..

thanks a lot again. one important lesson learnt today. mixing of methods works for select also.

Top Reply

Response title

Attachments

jQuery Forum

Replacing two elements in an html select element.

Replies(4)

Re: Replacing two elements in an html select element.

Re: Re: Replacing two elements in an html select element.

Re: Replacing two elements in an html select element.

Re: Re: Replacing two elements in an html select element.

Statistics

Tags

Actions