2014-05-21 3 views
3

일부 입력 필드에 readonly을 추가하는 데 문제가 있습니다.jQuery의 입력 필드에 읽기 전용 추가

은 내가 <head>

$(document).ready(function() { 
    $('#powermail_field_ordreid').prop('readonly', true); 
    $('#powermail_field_destination').prop('readonly', true); 
}); 

이 코드를 가지고 그리고 난에 readonly를 추가 할 필요가,이 2 개의 6 중 입력 필드가 있습니다.

<div id="powermail_fieldwrap_9" class="powermail_fieldwrap powermail_fieldwrap_input powermail_fieldwrap_9 "> 
    <label class="powermail_label" for="powermail_field_ordreid"> Ordre id </label> 
    <input id="powermail_field_ordreid" class="powermail_field powermail_input " type="text" value="0521104821"> 
</div> 
<div id="powermail_fieldwrap_7" class="powermail_fieldwrap powermail_fieldwrap_input powermail_fieldwrap_7 "> 
    <label class="powermail_label" for="powermail_field_destination"> Destination </label> 
    <input id="powermail_field_destination" class="powermail_field powermail_input " type="text" value="Luxembourg"> 
</div> 

내가 .attr()을 시도하고 지금은 jQuery를 1.10+를 사용하고 있기 때문에 .prop()를 사용하여 메신저,하지만 난 여전히 입력 필드를 편집 할 수있다, 무슨 일이야.

... 편집 ... 는 jsfiddel에 미세한의 작품을 볼 수 있습니다 - 그래서 여기 BLOK의 타 스크립트가 http://wnf.dk/bestillingsform.html?tx_powermail_pi1[field][7]=Luxembourg 2 개 첫 번째 필드는 readonly 추가가 있다면 누군가가 말해 수 있습니다.

+5

코드가 잘 작동합니다> http://jsfiddle.net/egQy3/ – BenM

+0

@BenM이 말했듯이 정상적으로 작동합니다. 코드의 다른 곳에서 콘솔에서 오류를 확인 했습니까? –

+0

중복 ID를 사용하고 있습니까 ??? DOM이 준비된 후에 이러한 요소가 동적으로 생성됩니까? 기본적으로이 입력에 직접 설정하지 않는 이유는 무엇입니까? BTW, 당신은 jsFiddle에 문제를 복제하려고 시도해야합니다 –

답변

2

웹, 콘솔 로그에서 보일 수 jQuery를위한 < 1.9

jQuery를 1.9+

<script> 
     $(document).ready(function(){ 
      $('#powermail_field_ordreid').prop('readonly', true); 
      $('#powermail_field_destination').prop('readonly', true); 
     }); 
    </script> 

작동 : catch되지 않은 오류 ReferenceError을 : $는

를 정의되지 않은

jquery 스크립트가 처음입니다. Uncaught ReferenceError: $ is not defined?

+0

닫기,하지만 명백히 반응 형 이미지 플러그인 만 빠져 있으며 전체 jQuery는 없습니다. –

+0

안녕하세요 Frederic 저는 footer에서 THX 사용자에게 JS 파일의 일부를 전환하기 위해 30 분 전에 user2261516에 코드를 편집했습니다. 2261516 –

1
<script> 
    $(document).ready(function(){ 
     $('#powermail_field_ordreid').attr('readonly', true); 
     $('#powermail_field_destination').attr('readonly', true); 
    }); 
</script> 

당신이 http://jsfiddle.net/najibcse/M7rkB/

+3

하지만 OP는'jQuery 1.10 +'을 사용하고 있습니다 –

+0

내 게시물을 편집하십시오 그것을 보시기 바랍니다 – Najib

+0

답변의 요점은 무엇입니까? 질문자는 이미 두 번째 코드 스 니펫을 사용하고 있습니다. –

관련 문제