Question

$document.ready(function () {
    $("#policy1").change(function () {
        if (this.checked) {
            $("#policyShow").append(new Option("Temporary", ""));
        }
        $("#policy2").change(function () {
            if (this.checked) {
                $("#policyShow").append(new Option("employee", ""));
            }
        });
    });

在jquery代码中，当我勾选复选框时，我想在选择框中附加一些文本。但它不起作用。

Answer 1

试试这个

$("#policy1").change(function () {
            if (this.checked) {
                $("#policyShow").append($("<option/>", { html: "Temporary" }));
            }
            $("#policy2").change(function () {
                if (this.checked) {
                    $("#policyShow").append(($("<option/>", { html: "employee" }));
                }
            });
        });

Answer 2

这在IE8中可能不起作用。试试这个：

 var o = new Option("Temporary", "value");
  /// jquerify the DOM object 'o' so we can use the html method
 $(o).html("Temporary");
 $("#policyShow").append(o);

Answer 3

试试这个。

$("#policy1").change(function() {
     if($(this).prop('checked')) {
        $("#policyShow").append( '<option value="">Option Two</option>' );
    }
});

Answer 4

试试这个。

$("#policyShow").append($("<option>Temporary</option>"));

Answer 5

只有你的语法错误试试这个：

<强> JAVASCRIPT

$(document).ready(function(){
     $("#policy1").change(function() {
         if(this.checked) {
             $("#policyShow").append(new Option("Temporary", "t"));
          }
     });
    $("#policy2").change(function() {
        if(this.checked) {
            $("#policyShow").append(new Option("employee", "e"));
        }
     });
});

<强> HTML

<select id="policyShow"></select>
<input type="checkbox" value="yes" id="policy1" />
<input type="checkbox" value="yes" id="policy2" />

<强> FIDDLE

jquery append（）不在select标签上工作

5 个答案: