Question

我对javascript很新，所以我希望有人可以帮我解决这个小任务。

我目前有两个输入文本字段，我需要从下拉菜单中选择一个选项后填充文本。

例如......

我有一个如下所示的选择字段：

<select id="select_2" onchange="insertProduct(2);">

在该选择中，我有类似的选项：

<option id="cdrom001" title="my cdrom">cdrom001 - my cdrom</option>
<option id="DVD-ABUG" title="A Bug's Life">DVD-ABUG - A Bug's Life</option>
<option id="DVD-BELOVED" title="Beloved">DVD-BELOVED - Beloved</option>
....

我想要发生的是，当我从该下拉列表中选择一个选项时，我希望我的文本输入字段＃1填充选项id（例如DVD-ABUG）并且我想要我的文本输入字段＃2将填充选项标题（例如，一个Bug的生命）。

以下是我的两个文本输入字段的代码：

<input type="text" name="model[]" id="model_2">
<input type="text" name="product[]" id="product_2">

我已经写了很多函数来执行此操作...

function insertProduct(id){ 
// code goes here
}

如你所见，我没有太多东西。：O）

有人可以帮助我解决可以做到这一点的功能吗？

非常感谢！

Answer 1

更改此行：

<select id="select_2" onchange="insertProduct(2);">

到此：

<select id="select_0" onchange="insertProduct(this, 0);">

并使用此功能：

function insertProduct(select, row){ 
    var model = "model_";
    var product = "product_";
    document.getElementById(model + row).value = select.options[select.selectedIndex].id;
    document.getElementById(product + row).value = select.options[select.selectedIndex].title;
}

Answer 2

以下是您要找的内容只需在onchange上调用，而不是点击按钮

http://www.mredkj.com/tutorials/tutorial002.html

Javascript：如何从下拉菜单中将值插入文本输入字段

2 个答案: