使用jQuery JSON函数填充文本区域时，一个特定的下拉菜单项被选中

Using jQuery JSON function to populate textarea when a specific dropdown item is selected

本文关键字：一个 菜单项 填充 函数 JSON jQuery 文本 区域 使用      更新时间：2023-09-26

我可能听起来很新手，但你能帮我吗?

我有一个带有下拉选择和许多文本区域框的表单。

我需要什么:
当一个特定的选项被选中时，我想用一些文本填充所有的文本区域(使用JSON)。

代码:

<label>name</label>
<select>
<option value="0" data-num="">name lastname</option>
<option value="1" data-num="">name lastname</option>
<option value="2" data-num="">name lastname</option>
<option value="3" data-num="">name lastname</option>
</select>

<textarea name="name"></textarea>
<textarea name="applicant"></textarea>
<textarea name="applicant_en"></textarea>
<textarea name="email"></textarea>
<textarea name="vat"></textarea>
<textarea name="rc"></textarea>
<

JSON数据/strong> 

{
"id":["1","2"],
"name":["John Doe","John notDoe"],
"applicant":["lorem ipsum","second"],
"applicant_en":["one","two"],
"email":["mail","mail_two"],
"vat":[61388963,4684645456],
"rc":["123456/0123","87986454/554"]
}"
我试过了，但是我放弃了。有人能帮帮我吗?

<select id="some_id">
<option value="0" data-num="">name lastname</option>
<option value="1" data-num="">name lastname</option>
<option value="2" data-num="">name lastname</option>
<option value="3" data-num="">name lastname</option>
</select>

JS: 

$("#some_id").on('change',function(){
    if($(this).val()==1){
       $("input[name='applicant']).val("fetched from json");
    }
   ///else continue with other values
})

编辑:为你的html提供一些id或类。

<textarea name="applicant" id="applicant"></textarea>

In JS: 

populate('#MyForm', $.parseJSON(data));

function populate(strFormId,jsonData){
    $(strFormId+' #applicant').val(jsonData.applicant[0] +' '+jsonData.applicant[1]);
//do in the same way for other DOM element.
}
相关文章：