gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 14:18:50 25 4
gpt4 key购买 nike

我可能听起来完全是菜鸟,但是你能帮我吗?

我有一个带有下拉选择的表单,并且在很多文本区域框中。

我需要什么:
当选择特定选项时,我想用一些文本填充所有文本区域(使用 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"]
}"

我尝试过一些东西,但我放弃了..有人可以帮助我吗?

最佳答案

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

关于javascript - 选择特定下拉项时使用 jQuery JSON 函数填充文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38831511/

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