javascript - jquery 的文本输入不起作用

Question

嗨，我有一个脚本，可以将一组常量字符串附加到 textarea ，如果我先单击按钮，它可以正常工作，但一旦我在文本区域上输入文本，按钮就不会附加如果再次单击，文本区域上的常量字符串

这是我的点击事件代码:

    $("#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>

请帮助我，我尝试用谷歌搜索，但发现不相关的结果。你们是我现在唯一的希望:(

Answer 1

将 .html(...) 更改为 .val(...)

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

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