change a field depending an a value

Question

Lets say I have a selectbox wit 10 predefined amounts and an option "other". If I select "other" i get an input box to give the amount. When I leave that field i wnat the value of the selecbox to be the amount typed in the input box. How would I do that with jquery?

Answer 1

Add this so when you leave the input a new option is created in the select box:

$("input#other-value").blur(function (){
    // Create new option
    $("<option>") 
     // Assign value and text
     .val($(this).val())
     .text($(this).val())
     // Append before the "other" option
     .insertBefore("select@select-id option[value=other]");
});

Also, please mark answers that satisfies you as "accepted" with the check at the left. If you don't, questions are left open and nobody knows the real answer.

Answer 2

Im assuming that 'selectbox' is equivalent to an HTML 'select' tag. here 'otherInpute' is a text input box and 'someSelect' is a HTML 'select' tag.

var val = $("#otherInput").val();
$("#someSelect option:selected").text(val)

Answer 3

var val = $("#otherInput").val();

$("#someSelect option:selected").text(val)