gpt4 book ai didi

javascript - 获取有关更改的最后标签数据

转载 作者:行者123 更新时间:2023-11-29 21:23:55 26 4
gpt4 key购买 nike

我有这个代码:

var i = 0;
$('#jobs').change(function() {
var id = $(this).select2('data')[i].id;
var txt = $(this).select2('data')[i].text;
$('#jobSection').append('<fieldset><legend>' + txt + '</legend><input type="text" class="form-control" name="size_' + id + '" placeholder="Size"><br/><select class="form-control" name="type_' + id + '"><option>Type</option><option value="1">Type 1</option><option value="2">Type 2</option></select></fieldset>');
i++
});

为此,我为每个标签附加了额外的输入字段。

但它只有在我按顺序选择标签时才有效,否则它会使用以前的标签数据。

我知道问题出在 i 中,因为这不是实际的循环,而是更改事件。
所以我想知道如何只获取有关更改的最后一个标签数据?

完整的例子是here

最佳答案

var selectOption = [{
"id": 1,
"text": "one"
}, {
"id": 2,
"text": "two"
}, {
"id": 3,
"text": "three"
}, {
"id": 4,
"text": "four"
}, {
"id": 5,
"text": "five"
}];
$('#jobs').select2({
tags: true,
multiple: true,
placeholder: 'Choose job...',
data: selectOption
});

var selectOptionObj = {};
$.each(selectOption, function(i, v) {
selectOptionObj[v.id] = v;
});

$('#jobs').change(function() {
var thisVal = $(this)[0].value.split(',');
var i = thisVal[thisVal.length - 1];
var id = selectOptionObj[i].id;
var txt = selectOptionObj[i].text;
$('#jobSection').append('<fieldset><legend>' + txt + '</legend><input type="text" class="form-control" name="size_' + id + '" placeholder="Size"><br/><select class="form-control" name="type_' + id + '"><option>Type</option><option value="1">Type 1</option><option value="2">Type 2</option></select></fieldset>');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>

<div id="jobSection">
<input type="text" id="jobs">
</div>

Refer : JSFiddle

关于javascript - 获取有关更改的最后标签数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37990446/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com