jQuery通过ajax从下拉框的onchange事件加载表单元素

我有一个下拉列表，需要根据语句动态加载表单元素

<select name="type" id="type">
   <option value="1">input</option>
   <option value="2">text</option>
</select>

输入
文本

案例1加载一些表单元素（输入等）
案例2清除这些元素

谢谢

试试这个：

$(function() {

  $('#type').bind('change', function(ev) {

     var value = $(this).val();

     $.ajax({
        ...
        data: {valueType: value, html: encodeURIComponent($("#addhtml").html())},
        ...
     });

  });


});

试试这个：

$(function() {

  $('#type').bind('change', function(ev) {

     var value = $(this).val();

     $.ajax({
        ...
        data: {valueType: value, html: encodeURIComponent($("#addhtml").html())},
        ...
     });

  });


});

---

下面的代码通过ajax调用OnChange事件获取数据，并填充另一个下拉列表

    $("#IdOfyourDropDown").change(function () {

      $.getJSON('<%= ResolveUrl("~/PutYourURL/?Id="1)%>', function (data) 
            {
                    Result = data; //Use this data for further creation of your elements.
                     var items = "";
                    items += "<option value=0> -- </option>";
                    $.each(data, function (i, SingleElement) {
                        items += "<option value='" + SingleElement.Value + "'>" + SingleElement.Text + "</option>";
                    });
                    $("#AnyOtherDropDown").html(items);

            });
     });

$（“#IdOfyourDropDown”）.change（函数（）{
$.getJSON（“”，函数（数据）
{
Result=data；//使用此数据进一步创建元素。
var项目=”；
项目+=“-”；
$.each（数据、函数（i、单个元素）{
items+=“”+SingleElement.Text+“”；
});
$（“#任何其他下拉列表”）.html（项目）；
});
});

---

我使用getJSON来检索数据，您可以使用许多

下面的代码通过ajax调用OnChange事件来获取数据，并填充另一个下拉列表

    $("#IdOfyourDropDown").change(function () {

      $.getJSON('<%= ResolveUrl("~/PutYourURL/?Id="1)%>', function (data) 
            {
                    Result = data; //Use this data for further creation of your elements.
                     var items = "";
                    items += "<option value=0> -- </option>";
                    $.each(data, function (i, SingleElement) {
                        items += "<option value='" + SingleElement.Value + "'>" + SingleElement.Text + "</option>";
                    });
                    $("#AnyOtherDropDown").html(items);

            });
     });

$（“#IdOfyourDropDown”）.change（函数（）{
$.getJSON（“”，函数（数据）
{
Result=data；//使用此数据进一步创建元素。
var项目=”；
项目+=“-”；
$.each（数据、函数（i、单个元素）{
items+=“”+SingleElement.Text+“”；
});
$（“#任何其他下拉列表”）.html（项目）；
});
});

---

我使用getJSON来检索数据，您可以使用许多

我们可能也想尝试一下

$("#type").change(function() {
    $.post(
        "yourRequestHandlingPage.php",
        { 
          param: $(this).val();
        },
        function(data) {
            //supposing data holds the html output of dynamically creawted form element
            $(".myformcontent").append(data); //add the elements at the end of the form elemetn
        }
});

---

我们可能也想试试这个

$("#type").change(function() {
    $.post(
        "yourRequestHandlingPage.php",
        { 
          param: $(this).val();
        },
        function(data) {
            //supposing data holds the html output of dynamically creawted form element
            $(".myformcontent").append(data); //add the elements at the end of the form elemetn
        }
});

$（文档）.ready（函数（）{
$（'#CustomFields_21_1'）.val（''）
$（'#CustomFields_21_1'）。更改（函数（）{
var选项=“”；
if（$（this）.val（）=='a'）{
选项='--Seleccione una VERSION--123'；
}
else if（$（this）.val（）=='b'）{
期权='45'；
}
else if（$（this）.val（）=='c'）{
期权='6789'；
}
$（'#CustomFields_20_1'）.html（选项）；
});
});

$（文档）.ready（函数（）{
$（'#CustomFields_21_1'）.val（''）
$（'#CustomFields_21_1'）。更改（函数（）{
var选项=“”；
if（$（this）.val（）=='a'）{
选项='--Seleccione una VERSION--123'；
}
else if（$（this）.val（）=='b'）{
期权='45'；
}
else if（$（this）.val（）=='c'）{
期权='6789'；
}
$（'#CustomFields_20_1'）.html（选项）；
});
});

这很好，但是我使用jQuery（“#addhtml”）.html（“aa”）如何添加复杂的html而不是aa转义？这很好，但是我使用jQuery（“#addhtml”）.html（“aa”）如何添加复杂的html而不是aa转义？