选择特定下拉项时使用 jQuery JSON 函数填充文本区域

Question

我听起来可能完全是菜鸟，但你能帮我解决这个问题吗？

我有一个带有下拉列表 select 并且在很多文本框内的表单。

我需要的：
当特定选项被 selected 时，我想用一些文本填充所有文本区域（使用 JSON）。

代码：

HTML

<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数据

{
"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"]
}"

我试过一些东西，但我放弃了..有人能帮帮我吗？

Answer 1

<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 或 class

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

在 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.
}

选择特定下拉项时使用 jQuery JSON 函数填充文本区域

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

html

javascript

jquery

json

populate