Question

我需要将按钮的值传递给下面的字段。也就是说，如果我点击 PRIVILEGE LEAVE 按钮，则应将值 PRIVILEGE LEAVE 传递到字段 LEAVE TYPE

＆＃13;

<script>
    $.getScript(path + "js/Page4.js");
</script>

<p id="currentPage"> </p>
<div id="but">
    <input type="button" id="compleave" class="appButton" value="PRIVILEGE LEAVE"> <br> <br>
    <input type="button" id="compleave" class="appButton" value="COMPASSIONATE LEAVE"> <br> <br>
    <input type="button" id="searchbutton" class="appButton" value="SICKNESS LEAVE"> <br> <br>
    <input type="button" id="searchbutton" class="appButton" value="Vacation"> <br> <br>
</div>
<div id="show1" style="display:none;">
    <label>LEAVE TYPE: </label> <input type="text" id="ltype" > <br><br>
    <label>START DATE: </label> <input type="text" id="lstrdate"><br><br>
    <label>END DATE: </label> <input type="text" id="lenddate"><br><br>
    <label>LEAVE REASON: </label> <input type="text" id="lreason"><br><br>
    <label>LEAVE DAYS: </label> <input type="text" id="ldays"><br><br>
    <input type="submit" value="APPLY" id="apply" onclick="funcapply();">
</div>

＆＃13;

jQuery(document).ready(function(){
    jQuery('#compleave').on('click', function(event) {        
        jQuery('#show1').toggle();
        $("#but").remove();
        $("#apply").click(funcapply);
    });
});

＆＃13;

Answer 1

首先，id属性在单个HTML页面上应该是唯一的。在您的情况下，id compleave和searchbutton会重复两次。

设置值使用

$('#ltype').val($(this).val());

以下是合并代码：

$(document).ready(function(){
    $('#compleave').on('click', function(event) { 

        $('#show1').toggle();
        $("#but").remove();
        $('#ltype').val($(this).val());
        $("#apply").click(funcapply);
    });
});

<强>更新

要获取点击的每个离开按钮的值，请将基于ID的事件更改为类，即将#compleave替换为.appButton

$(document).ready(function(){
    $('.appButton').on('click', function(event) { 

        $('#show1').toggle();
        $("#but").remove();
        $('#ltype').val($(this).val());
        $("#apply").click(funcapply);
    });
});

jsfiddle

中的工作示例

如何将按钮值传递给字段

1 个答案: