javascript - 如何通过javascript在html中附加值

Question

我需要什么

• 我需要在 html 属性值中附加数据。

js代码

var industrys=[];

for (var b = 0; b < obj.industry.length; b++)
{

    var indus=obj.industry[b];
    var temp = new Object();
    temp["value"] =indus.industry_url;
    temp["data"] = indus.id;
    industrys.push(temp);

}
$('.autocomplete_ind').autocomplete({
    lookup: industrys,

    onSelect: function(suggestion) {
        make_url('', suggestion.value);
        var thehtml = '<strong>industry name:</strong> ' + suggestion.name + ' selected<br> <strong>'+ suggestion.id+'</strong>';
        $('#outputcontent').html(thehtml);
        $(this).attr("value", suggestion.value);
    }

html

<input type="text"  autocomplete="off"  onChange="make_url()"
     id="industry_name"  class="biginput autocomplete_ind" 
     value="all data">

问题

• 关于查看源值=“所有数据”
• 我哪里做错了。

• 我已经尝试过 $(this).attr("value", suggest.value);但在更改事件触发时，它会反射(reflect)值 -“blala 等”。

• 但刷新或重定向时不会附加值

像这样

<input type="text" autocomplete="off" onchange="make_url()" id="industry_name" class="biginput autocomplete_ind" placeholder="All Industry" value="All industry">

现在 $(this).attr("value", suggest.value);执行

<input type="text" autocomplete="off" onchange="make_url()" id="industry_name" class="biginput autocomplete_ind" placeholder="All Industry" value="agriculture-forestry">

但是在刷新或重定向页面时查看源值不存在。

Answer 1

data()用于设置data-*属性的值。

使用val()设置元素的值。

改变

$(this).data('value', suggestion.value);

至

$(this).val(suggestion.value);

编辑

要附加数据，请使用append()

改变

$('#outputcontent').html(thehtml);

至

$('#outputcontent').append(thehtml);