来自jquery的文本输入无效

时间:2014-12-01 23:26:56

标签: javascript jquery html

您好我有一个脚本会将一组常量字符串附加到textarea它可以正常工作,如果我先单击按钮但是只要我在textarea上输入文本,该按钮就不会附加常量字符串如果再次点击,则在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>

这是我的textarea:

<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>

请帮帮我,我试过谷歌但发现无关的结果。你们是我现在唯一的希望:(

3 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:1)

您需要使用append()代替html()

如果您想在上一个文本之后添加新文本,请尝试$("#textareaFixed").append(orange + " " + lock );

如果你使用html(),它会用新的东西替换旧的东西。

答案 2 :(得分:1)

没有任何名为&#34; agent_disallowed&#34;的输入,您需要使用正确的ID。

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