изменить поле в зависимости от значения

Question

Допустим, у меня есть поле выбора с 10 предопределенными суммами и опцией "другое". Если я выберу «другое», я получу поле ввода, чтобы указать сумму. Когда я покидаю это поле, я хочу, чтобы значение поля выбора было суммой, введенной в поле ввода. Как бы я сделал это с JQuery?

Answer 1

Я предполагаю, что «selectbox» эквивалентен HTML-тегу «select». здесь «otherInpute» - это поле ввода текста, а «someSelect» - это HTML-тег «select».

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

Answer 2

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

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

Answer 3

Добавьте это, чтобы при выходе из ввода в поле выбора создавалась новая опция:

$("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]");
});

Кроме того, отметьте ответы, которые вас удовлетворяют, как «принятые», с отметкой слева. Если вы этого не сделаете, вопросы остаются открытыми, и никто не знает реального ответа.