Javascript 如何在一个select上存储两个信息并在单独的文本框HTML/JS中调用它们

将事件侦听器添加到select输入中，当选择某个选项时，该输入将从数组中输出相关值：

var Home_country = [
    "21-Dec",
    "01-Jan",
    "01-Jan",
    "01-Jan",
];

---

除非我误解了您的意思，否则您可以将Home_country数组的值放入选项的值属性中，如下所示：

var el = document.getElementById('home_country');
var textbox = document.getElementById('your_textbox_el');

el.addEventListener('change', function(e){
    if (e.target.value == 'h1') {
      textbox.value = Home_country[0];
    } else if (e.target.value == 'some other condition') {
      // do something else
    }
}

---

现在，当您获得select元素的值时，它将是您给出的数组中的值。

请在下面的代码段中查找，只需添加另一个属性data-attr1，在更改select列表时，查找select选项并获取其名为data-attr1的属性，并将属性的值传递给textbox

$home\u country.onchange，函数{ $.txtvalue.val$this.findoption:selected.attrdata-attr1； }; 选择一个 家庭1 家庭2 家庭3 家庭4

---

您可以使用对象和事件侦听器

var母国={ h1:21-Dec， 一月二日下午二时零一分， h3:01-Jan， h4:01-Jan， }; var selectbox=document.getElementById'home\u country'； var textbox=document.getElementById'home\u country\u date'； selectbox.addEventListener'change'，函数E{ textbox.value=母国[此.value] } 选择一个 家庭1 家庭2 家庭3 家庭4

var el = document.getElementById('home_country');
var textbox = document.getElementById('your_textbox_el');

el.addEventListener('change', function(e){
    if (e.target.value == 'h1') {
      textbox.value = Home_country[0];
    } else if (e.target.value == 'some other condition') {
      // do something else
    }
}

<span id="s_home_country">                   
  <select name="Home Country" id="home_country">
    <option value="Select one" selected="selected">Select one</option>
    <option value="21-Dec">Home1</option>
    <option value="01-Jan">Home2</option>
    <option value="01-Jan">Home3</option>
    <option value="01-Jan">Home4</option>
  </select>
</span>