는 이전 요소 (추가)를 사용하여 JQuery와

-1

나는 JQuery와 코드를 다음 한에 요소를 추가하는 방법 :는 이전 요소 (추가)를 사용하여 JQuery와

var qtype ="<select id='qtype'><option>qt1 </option><option>qt2</option></select>"; 
var abc ="<select id='t1'><option>Simple 1</option><option>Simple 2</option></select>"; 
var xyz ="<select id='t2'><option>Hard</option></select>"; 
var pqr ="<select id='t3'><option>Diff</option></select>"; 

$("#qttype").html(qtype); 
var qtype=$("qttype"); 
if(qtype== "qt1"){ 
$("#t1").change(function(){   
    $("#abc").change(function(){ 
    $("#divid").html(abc+xyz); 
     $("#divid").html(abc+xyz+pqr); 

}); }

을하지만 난이 변경 될 때 제대로 내 말 요소를 추가하지 않습니다 "단순한 1"이 두 번째 콤보 상자를 보여줍니다 "xyz"하지만 다시 클릭하면 두 번 추가 된 요소가 표시됩니다. 한 번만 표시하려면 combobox 값을 변경하십시오.

출처

2012-07-18 pravin

에서

$(document).ready(function(){ $(document.body).append('<div id="abc"></div>'); // create new #abc and append it directly to body $('#abc').append($('<div/>').attr('id','divid').html('hello!')); var course = $('<select id="qtype"></select>'); // jquery object containing #qtype var abc = '<option value="s">Simple</option>'; // string var xyz = '<option value="h">Hard</option>'; // string var pqr = '<option value="d">Diff</option>'; // string course.append(abc).append(xyz).append(pqr); // triple call of .append() //alert("course is " + course + ",\n course[0] is " + course[0] + ' ~ ' + course[0].innerHTML); $('#abc').before(course); //insert <select> before #abc $('#qtype').change(function(){ var str = this.options[this.selectedIndex].value; str += ' ~ ' + this.options[this.selectedIndex].innerHTML; $('#abc').html(str); }); });

예 jsfiddle @ 자세한 내용은 당신은, 예를 들어,'으로 .Append (ABC + XYZ)을'사용해야합니다. 사용중인'.html()'함수는 기존 내용을 대체합니다 *. –

@AndrewPeacock : 우리 영업부에 공평하게 말하면, 받아 들일 수있는 좋은 대답이있는 유일한 질문이 하나 있습니다. 하나는 닫히고 나머지는 업보트에 대한 답변이 없습니다. –

@Cory 그냥 자동 반응 =/많이 조사하지는 마세요. 그러나 .append()는 문제를 해결할 것이다. –

추가하려는 위치 뒤에 요소가있는 경우 .before()을 살펴보아야합니다. 이 경우에는 이전 요소를 선택해야하지만 .after()도 사용할 수 있습니다.

예 :

$("element").before("<p>this p will be added before the 'element'</p>"); 
$("element").after(" <p>this p will be added after the 'element'</p>");

출처

2012-07-18 13:44:36

는, 하나의 예를 만든이 도움이되기를 바랍니다! 당신이 추가하려면 jquery website

출처

2012-07-18 15:08:48 Stano

는 이전 요소 (추가)를 사용하여 JQuery와

답변

관련 문제