2011-01-26 11 views
2

ユーザーがドロップダウンメニューからオプションを選択すると、テキストボックスとチェックボックスを生成する必要があるため、Webアプリケーションにドロップダウンメニューがあります。 onSelectをドロップダウンメニューで実装しました。実際にテキストを追加する関数を呼び出す関数が呼び出されましたが、テキストボックスと共にチェックボックスを生成する必要があります。JavaScriptで複数の要素を取得する

私はもう1つの関数を呼び出そうとしましたが、機能しませんでした。 "& &"でも動作しませんでしたが、関数内で関数を呼び出そうとしました。これはどうすればいいですか?

この

はコード

<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> 
+0

は私たちに動作していないコードが表示される場合があります、そして、我々はそれが間違っていないと改善点を提案する理由を教えてもらいます。 – Quentin

+0

あなたは 'document.createElement'を探していると思いますが、あなたが持っているところで[jsfiddle](http://jsfiddle.net)を作ってリンクを提供することができます。 ? (または少なくとも、いくつかのコードを提供してください) –

+0

あなたのコードを投稿しない限り、私たちはあなたを助けることはできません。 –

答えて

2

それがドロップダウンメニューから選択の引数を持つ関数を呼び出すことになる行うための最善の方法ですが、ドロップダウンメニュー内の各リンクの引数を生成する必要が

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> 
+0

これはコード –

+0

ですので、同じコードを使用する必要があります。それが動作しない場合(若干の変更を加えて)、plzが動作しなかった箇所を質問してください。 –

+0

@Jeevan jqueryや他のjavascriptライブラリを使用することをお勧めします。私のjqueryのバージョンコードが更新されました。あなたがjavascriptで必要な場合は、私は明日の後にそれを行いますしてください –

関連する問題