javascript - 如何自动预选(不仅仅是设置值)billing_state下拉列表与shipping_state下拉列表相同

Question

我在谷歌上查遍了，我想我只是不知道要搜索什么，因为我想做一些相对简单的事情。如果我无法在线找到答案，我会尝试只在这里提问。

我正在寻找纯 JavaScript 的答案。我不想使用 jQuery。

您知道，当您在线填写表格进行结帐时，您可以单击一个选项，显示“如果您的帐单信息与您的送货信息相同，请选中此框”，然后当您单击该框时，账单信息会自动填充送货信息。

我能够使所有输入类型文本正常工作，但我似乎无法使 billing_state 的下拉选择框与已为 Shipping_state 选择的下拉选择框相同。

我正在使用所有状态。以下只是为了简化示例。

我有一个带有 onchange="setBillingAddress(this)" 的复选框，并且我正在使用 if 语句来检查该框是否已选中。所以一切都很完美。

我能够获取在shipping_state中设置的billing_state下拉值，并在billing_state下拉列表中突出显示(您只能在单击后才能看到它的值被设置为shipping_state下拉列表中的值)下拉列表)。我希望它能够预先选择并显示状态，而无需单击“选择状态”。

我的问题是，我应该在 setBillingAddress() 函数中放入什么来预先选择 billing_state 并向用户显示，这样他们就不必看到另一个显示以下内容的下拉框“选择状态”，即使该值已经设置。

我有两个下拉菜单。一个名为shipping_state，id 为shipping_state，另一个名为billing_state，id 为billing_state

Answer 1

您只需将一个select 的值设置为等于另一个。您可能想检查一些旧问题并接受答案。

http://jsfiddle.net/pZZQt/

function setBillingAddress(elem) {
    document.getElementById('billing_state').value = elem.value;
}​