Ввод текста из jquery не работает

Question

Привет У меня есть скрипт, который добавляет набор константной строки в textarea, он отлично работает, если я сначала нажимаю кнопку, но как только я ввожу текст в текстовое поле, кнопка не добавляет постоянная строка на текстовое поле, если нажата снова

вот мой код для события Click:

$("#apply").on("click",function() { 
     var orange = $("#agent_option").val(), 
      lock = $("#agent_disallowed").val(); 

     $("#textareaFixed").html(orange + " " + lock); 
    }); 

и вот мой HTML форма:

<label for="agent_option" class="control-label">User-Agent :</label></div> 
      <div class="col-md-6"> 
      <select id="agent_option" class="form-control input-sm"> 
       <option value="all">All</option> 
       <option value="banana">Banana</option> 
       <option value="apple">Apple</option> 
       <option value="melon">Melon</option> 
       <option value="lynx">Lynx</option> 
       <option value="liger">Liger</option> 
      </select> 
      </div> 
<div class="row"> 
       <div class="col-md-4"> 
       <label for="ax_disallowed" class="control-label">Disallow :</label></div> 
       <div class="col-md-6"> 
       <input class="form-control input-sm" id="ax_disallowed" type="text" value="<?=ax_default_disallow;?>"> 
       </div> 
      </div> 

    <div class="row"> 
    <div class="col-md-4"> 
    <button id="apply" class="btn btn-default">Register Player</button> 
    </div> 

Это мой текст площадь:

<form method="post" class="form-login"> 
       <div class="form-group"> 
       <textarea name="new_config" class="form-control" id="textareaFixed" cols="60" rows="16"><?=file_get_contents($open); ?></textarea> 
       </div> 

      </form> 

, пожалуйста, помогите мне. Я попробовал Google, но нашел неуместные результаты. Вы, ребята, моя единственная надежда в настоящее время :(

Answer 1

Изменение .html(...) в .val(...)

$("#apply").on("click",function() { 
    var orange = $("#agent_option").val(), 
     lock = $("#ax_disallowed").val(); 

    $("#textareaFixed").val(orange + " " + lock); 
}); 

Answer 2

Вы должны использовать append() вместо html()

Пожалуйста, попробуйте $("#textareaFixed").append(orange + " " + lock); если вы хотите, чтобы добавить новый текст после предыдущего один.

Если вы используете html(), он заменяет старый материал новым.

Answer 3

Нет ввода с именем «agent_disallowed», вам нужно использовать правильный идентификатор.

$("#apply").on("click",function() { 
    var orange = $("#agent_option").val(); 
    var lock = $("#ax_disallowed").val(); 
    $("#textareaFixed").html(orange + " " + lock); 
});