2014-09-11 2 views
0

Select2 드롭 다운 메뉴를 사용하여 데이터베이스에서 데이터를 가져옵니다. ajax 및 json/php가 발생했습니다. 옵션 i는 데이터베이스 편집을 위해 입력 파일을 채 웁니다.자바 스크립트는 입력을 채 웁니다.

나는 (확인 채워이 필드 get's)를 사용 :

<input type="text" class="form-control" name="valt_element_id" id="valt_element_id" placeholder="Objekt ID" /> 

하지만 난 그냥 데이터를 표시 할 몇 가지 필드를 편집 할 수 없습니다

. 사용법 :

<span id="valt_element_id"></span> 

하지만이 스팬 코드는 작동하지 않습니다! 왜?

JS : 자바 스크립트를 사용

$(document).ready(function(){ 
var valtObjektElement = $('#valj_objekt_element'); 
$('#valj_objekt_element').select2({ 

    ajax: { 
    url: "valj_objekt_element.php", 
    dataType: 'json', 
     data: function (term, page) { 
      return { 
      q: term 
      }; 
     }, 
     results: function (data, page) { 
     return { results: data }; 
     } 
    } // Ajax Call 
}); // Select2 

// Start Change 
$(valtObjektElement).change(function() { 

    var ElementId = $(valtObjektElement).select2('data').id; 
    var ObjektNummer = $(valtObjektElement).select2('data').text; 

    $('#valt_element_id').val(ElementId); 
    $('#valt_objekt_nummer').val(ObjektNummer); 

}); //Change 
}); //Domument Ready 
+4

자바 스크립트를 표시하십시오. –

+0

아이디를 여러 번 사용하는 것은 좋은 생각이 아닙니다. – sri

답변

2

span에 대한 value 속성이 없습니다. text 또는 html을 사용해야합니다.

But on some field i just want to show the data, not to be edited :

당신이 언급 한

$('#valt_element_id').text(ElementId); 
+1

감사합니다. 이것은 잘 동작했다! 나는 속성에 대한 나의 지식을 업데이트 할 것이다. – N1CKN4M3

1

:

document.getElementById("valt_element_id").innerHTML = ElementId; 

또는 jQuery를이 :

$('#valt_element_id').html(ElementId); 
+0

감사합니다. .val .text 및 .html 속성은 어디에서 읽을 수 있습니까? – N1CKN4M3

1

$('#valt_element_id').val(ElementId); 

를 교체합니다. span으로 바꾸는 대신 readonly 속성을 input에 사용하지 않으시겠습니까?

+0

감사합니다. 나는 이것을 시도하고 내가 뭘 좋아하는지 보자.) – N1CKN4M3

관련 문제