在另一个页面上使用json数据填充输入表单

Question

我试图在单击按钮时填充表单，因此，例如，用户单击一个按钮，然后将输入填充到来自json页面的按钮id信息。我在jquery中添加了我需要的内容。

这是我的javascript，它没有onclick，我需要它，但需要它

jquery脚本

   (i need an on click perform this action)
    $.get('<?php echo Config::get('URL'); ?>dashboard/employment_json/(i need this to be the value of the button)',function(d){
        $("input[name='json_name']").val(d.name);
        $("input[name='json_country']").val(d.country);
        $("input[name='json_start']").val(d.date_start);
        $("input[name='json_end']").val(d.date_end);
        $("input[name='json_duration']").val(d.duration);
        $("input[name='json_description']").val(d.description);
    },'json');

以下是输入的样本数据：

<div class="col-md-6">
    <div class="form-group">
        <label for="field-1" class="control-label">
            <?php echo System::translate("Employment name"); ?>
        </label>
        <input type="text" disabled name="json_name" class="form-control" id="field-1">
    </div>
</div>
<div class="col-md-6">
    <div class="form-group">
        <label for="field-2" class="control-label">
            <?php echo System::translate("Employment Country"); ?>
        </label>
        <input type="text" disabled name="json_country" class="form-control" id="field-2">
    </div>
</div>
<div class="col-md-6">
    <div class="form-group">
        <label for="field-2" class="control-label">
            <?php echo System::translate("Start Date"); ?>
        </label>
        <input type="text" disabled name="json_start" class="form-control" id="field-2">
    </div>
</div>
<div class="col-md-6">
    <div class="form-group">
        <label for="field-2" class="control-label">
            <?php echo System::translate("End date"); ?>
        </label>
        <input type="text" disabled name="json_end" class="form-control" id="field-2">
    </div>
</div>
<div class="col-md-6">
    <div class="form-group">
        <label for="field-2" class="control-label">
            <?php echo System::translate("Employment Duration"); ?>
        </label>
        <input type="text" disabled name="json_duration" class="form-control" id="field-2">
    </div>
</div>

最后，但同样重要的是，

Json样本

{“就业”：{“名称”：“测试”，“持续时间”：“12”，"date_end":"2015-07-01"，"date_start":"2014-07-07"，“国家”：“美国”，“描述”：“这只是一个没有重要价值的测试描述。”}}

Answer 1

也许是这样的？

$('.myButtonClass').on('click', function(e){
    var url = '<?php echo Config::get('URL'); ?>dashboard/employment_json/' + e.target.id;
    $.get(url,function(d){
        $("input[name='json_name']").val(d.name);
        $("input[name='json_country']").val(d.country);
        $("input[name='json_start']").val(d.date_start);
        $("input[name='json_end']").val(d.date_end);
        $("input[name='json_duration']").val(d.duration);
        $("input[name='json_description']").val(d.description);
    },'json');
});

很明显你必须改变

$('.myButtonClass')

在这里，您必须使用要绑定操作的按钮的类或id。