jq实现下拉框选中其他选项时额外增加一个表单

最新推荐文章于 2021-04-26 18:30:24 发布

Skr-Eric

最新推荐文章于 2021-04-26 18:30:24 发布

阅读量253

点赞数

文章标签： jq html

本文链接：https://blog.csdn.net/Skr_Eric/article/details/99624526

版权

html：

<select name="race" class="form-control custom-select" required="" id="myselect" maxlength="50">
  <option value="" selected="">--请选择--</option>

  <option value="1">黄种人</option>

  <option value="2">白种人</option>

  <option value="3">黑种人</option>

  <option value="4">其他</option>

</select>

jq：

$("#myselect").change(function () {
        var options = $("#myselect option:selected");
        var opt = options.val();
        if (opt=='4') {
            $("#myselect").parent().append('<input type=\"text\" name=\"addselect\" class=\"form-control\" maxlength=\"50\" id=\"addselect\">');
        }
        else {
            $("#addselect").remove();
        }
    });

效果图：