Question

我将根据从我的表单上的国家/地区SELECT中选择的国家/地区在SELECT和状态字段的文本框之间来回切换。这个国家第一次从美国或加拿大变更我有功能。但是，当国家/地区切换回美国或加拿大时，它不会恢复到选择状态。有什么想法吗？

$(document).ready(function(){

      $("#country").on('change', function() {
        var countrySelect = $("#country").val(); 

        if(!(countrySelect == "CA" || countrySelect =="US")){
            //$("#state").replaceWith($("#state").clone().attr('type', 'text'));
            $("#state").replaceWith('<input type="text" name="state" id="state">');
        }
    });


});

谢谢

Answer 1

我刚刚发布了一个答案，我将使用以下内容进行编辑：

该功能是$（“＃country”）。on（“更改”.....

您是否使用id =“state”元素替换id =“country”元素？因为如果你是，那么这个函数永远不会再被调用。

根据mickylaaaad的评论，我也会留下原来的答案。

if(!(countrySelect == "CA" || countrySelect =="US")){
        $("#state").replaceWith('<input type="text" name="state" id="state" />');
    } else {
  $("#state").replaceWith('<select><option ...etc');
 }

将选择更改为输入 - 来回传递

1 个答案: