Drag-n-drop vs 'clickable' ordering

I'm working on the exercise, in which the order of user-inputs is important. After entering all the inputs, I want to give the user an option to change the ordering of each and any item to dynamically enhance or lower the priority.

I am contemplating two methods: UI drag-n-drop or 'clickable' ordering menu (.uldiv in my code will contain the list of options to change the order number to).

Eventually, user input, including the ordering would flow to a database through PHP.

The question is which method is more efficient, less time-consuming, more stable and effective... or, perhaps, there are other better methods?

I realize that I would probably have to reassign id's of the elements and innerHTML for each element regardless of the method I choose, correct?

The code is here:

http://ift.tt/1B7zVji

   if (!textVal){
    return false;
}   

The code I included here is just to avoid the error message here that I have to provide the code. I still can't understand how StackOverflow wants me to format it so it looks ok...