Question

我有2个下拉菜单。一个下拉列表是国家。另一个下降是货币。我想使用jQuery来控制用户所选国家/地区的货币基础。因此，每当用户更改国家/地区时，货币都会发生变化。

我的第一步是在用户选择时尝试获取所选值（国家/地区名称）。

//Auto choose currency
    country = jQuery('#input_1_15 :selected').text();
    jQuery( "#input_1_15" ).change(function() {
      country = jQuery('#input_1_15 :selected').text();
    });
    alert(country);

但是当用户选择时，它不会打印出国家/地区名称 https://jsfiddle.net/uqvgsk6j/

Answer 1

如果您使用相同的订单

$(function() {
    $("#input_1_15").on("change",function() {
      $("#input_1_16").get(0).selectedIndex=$(this).get(0).selectedIndex;
    });
});

Answer 2

https://jsfiddle.net/refan/LtcjzoLp/3/

如果您可以向选项添加数据属性：

<option data-cur="JPY" value="Nhật Bản">Nhật Bản</option>

jQuery("#input_1_15").change(function() {

  var selectedCurrency = $(this).find(":selected").data("cur");
  $("#input_1_16").val(selectedCurrency);

});

Answer 3

<强> jQuery的：

$(function(){
  $("#input_1_15" ).on("change", function() {       
      document.getElementById("input_1_16").selectedIndex = document.getElementById("input_1_15").selectedIndex;
  });
});

your fiddle updated

在某个下拉列表中更新下拉列表的值

3 个答案: