Получение нескольких элементов в JavaScript

Question

В веб-приложении есть раскрывающееся меню, когда пользователи выбирают любую из опций в раскрывающемся меню, мне нужно создать текстовое поле и флажок.Я реализовал onSelect on выпадающее меню и вызвал функцию, которая фактически вызывает функцию, которая добавляет текст, но мне нужно сгенерировать флажок вместе с текстовым полем.

Я пытался вызвать еще одну функцию, но она не работает, я также пытался использовать «&&», даже если она не работает, и я пытался вызвать функцию внутри функции, даже если она не работает.Как мне это сделать?

Это код

<SCRIPT language="javascript">
function add(type) {

    //Create an input type dynamically.
    var element = document.createElement("input");


    //Assign different attributes to the element.
    element.setAttribute("type", type);
    element.setAttribute("value", type);
    element.setAttribute("name", type);

    var foo = document.getElementById("fooBar");

    //Append the element in page (in span).
    foo.appendChild(element);
    //var element=document.createElement("checkbox");
    //var foo=document.getElementById("foobar");
    //foo.appendChild(element);
    var a=1;

    if(a==1){
        function add2(type) {

            //Create an input type dynamically.
        var chkbox = document.createElement("checkbox");
            //Assign different attributes to the element.

        chkbox.setAttribute("type", type);
            chkbox.setAttribute("value", type);
            chkbox.setAttribute("name", type);

            //var foo = document.getElementById("fooBar");
        //Append the element in page (in span).
            appendChild(chkbox);
        }
    }
}
</SCRIPT>

Answer 1

лучший способ сделать это - вызвать функцию с аргументами при выборе из выпадающего меню, но вы должны сгенерировать аргументы для каждой ссылки в выпадающем меню

function fuc1( arg1 , arg2, ... )
{
            //you can use these agruments to genetate attrs of input and other things
    var input = $("<input></input>").attr({'type': 'text', 'id': someid, 'class': 'someclass' , ... }).val(someval);
    var chbox = $("<input></input>").attr({'type': 'checkbox', 'id': someid, 'class': 'someclass' , ... });

    $(input).appendTo(something);
    $(chbox).appendTo(something);
}

это обычно работает таким образом. если вы отправите свой код, то это может немного помочь вам

Обновления ::

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
function fuc1()
{
        //you can use these agruments to genetate attrs of input and other things
    var container = $("<div></div>").appendTo($('#content'));
    var input = $("<input></input>").attr({'type': 'text'});
    var chbox = $("<input></input>").attr({'type': 'checkbox'});

    $(input).appendTo(container);
    $(chbox).appendTo(container);
}

</script>

<div id="content"></div>
<a href="javascript: fuc1()">add</a>