我尝试使用下拉菜单设置所有字段的默认值。 例如:
让我们考虑下拉菜单中有三个选项,例如主题1、主题2和主题
3,我有5个输入字段。
在五个输入字段
中有适当的id
。
如果我选择theme1
,它会将值初始化为适当的5
输入字段。(我不确定是否有办法将值分配给数组)
主题1继续
input1 => "hi";
input2 => "how";
input3 =>"are";
input4 =>"you";
如果我在下拉列表中选择主题1,然后添加我在数组中定义的值(如果可行) 主题2 内容
input1 => "glad";
input2 => "to";
input3 =>"meet";
input4 =>"you";
如果我选择theme2
,它会将值初始化为适当的5
输入字段。(该值与theme1不同)
$('select').on('change', function() {
$("select option:selected").each(function () {
$('#price').val('$' + $(this).attr('value'));
});
});
现在我提到了有值(value)的内容。但是有没有一种方法可以调用该函数而不是 任何人都可以建议我使用数组将初始化值设置为一个选项(主题1)来执行此操作。 这是我的fiddle
最佳答案
工作 DEMO
试试这个
代码
$('select').on('change', function () {
var data = $(this).val().split(' ');
var i = 0;
$('input').each(function () {
$(this).val(data[i]);
i++;
});
});
html
<select>
<option>Select an item</option>
<option value="Hello how are you">Item 1</option>
<option value="Glad to meet you">Item 2</option>
<option value="3">Item 3</option>
</select>
<input type="text" id="price">
<input type="text" id="another_price">
<input type="text">
<input type="text">
关于javascript - 使用 Jquery 下拉设置初始化值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19022396/