jquery append () не работает на теге select

Question

jquery append () не работает на теге select

0

$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 здесь я хотел добавить некоторый текст в поле выбора, когда я устанавливаю флажок. но это не работает.

Adarshlal 05 март 2014, в 10:50

Источник

0

$ document.ready (похоже, эта скобка не закрыта. Есть ли ошибки в консоли?
SajithNair 05 март 2014, в 09:36
0

@monu при редактировании не исправляй синтаксические ошибки ...
Anton 05 март 2014, в 09:37
0

Хорошо работает, когда исправлены синтаксические ошибки. Jsfiddle.net/yJeFh. Я не знаю, предназначено ли это для делегирования policy2 при изменении policy1, но я бы посоветовал вам поставить его вне
Anton 05 март 2014, в 09:38

Показать ещё 1 комментарий

Теги:

jquery

html

jsp

5 ответов

0

Это может не работать в 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);

Milind Anantwar 05 март 2014, в 08:31

0

Попробуй это.

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

Rakesh Kumar 05 март 2014, в 08:29

0

Попробуй это.

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

Mahesh Sapkal 05 март 2014, в 08:11

0

только ваш синтаксис неправильный, попробуйте это:

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

Alex 05 март 2014, в 07:50

Ещё вопросы

$ document.ready (похоже, эта скобка не закрыта. Есть ли ошибки в консоли?
@monu при редактировании не исправляй синтаксические ошибки ...
Хорошо работает, когда исправлены синтаксические ошибки. Jsfiddle.net/yJeFh. Я не знаю, предназначено ли это для делегирования policy2 при изменении policy1, но я бы посоветовал вам поставить его вне

Anoop Joshi · Accepted Answer · 2014-03-05T07-31-00.000Z

попробуй вот так

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