Question

我正在尝试在按钮单击上填充表单，因此例如用户单击按钮然后使用json页面中的按钮id信息填充输入。我在jquery belo中添加了我需要的内容

这是我的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年7月1日”， “DATE_START”： “2014年7月7日”，” country“：”America“，”description“：”这只是一个没有重要价值的测试描述。祝你有愉快的一天。“}}

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。

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

1 个答案: