Question

我通过javascript设置readonly =“readonly”（换句话说，是真的）：

document.getElementById("my_id").setAttribute("readonly", "readonly");

这在FF，Safari和Chrome中具有预期效果（使该字段不再可编辑，但其内容随表单一起提交），但不适用于IE7。在IE7中，我仍然可以修改文本输入字段的内容。

我也试过设置（“readonly”，“true”），它可以在我测试的所有其他三个浏览器中运行，但IE7也忽略了。

有没有人有尝试用IE7做这个的经验？我不想使用disabled属性，因为我希望文本输入字段中的值与表单一起提交。

Answer 1

你试过这个吗？

document.getElementById("my_id").readOnly = true;

Answer 2

尝试：

document.getElementById("my_Id").setAttribute("readOnly","readonly")

readOnly ， O 是资本！

Answer 3

<script type="text/javascript">

function blah(txt) {
   var text = document.getElementById(txt).value;
   if(text.length > 4 && document.getElementById('chk').checked == false) {

   // *********    NOT WORKING WITH IE   *************** //
   //document.getElementById("ta").setAttribute('readOnly','readonly');
   //document.getElementById("ta").readOnly="readOnly";
   // ******** ---   **********//

   //document.getElementById("ta").disabled = true;   //  for disable textArea
   document.getElementById("ta").blur(); // comment this when above line is uncommented or visa-versa
   document.getElementById('chkBox').style.display = "block";
   }
}

function unable() {
  // document.getElementById("ta").disabled = false; // to unable textArea -- uncomment when disabling is used or visa-versa
   document.getElementById('ta').focus();
   document.getElementById('chkBox').style.display = "none";
}

</script>


<textarea id="ta" onkeydown="blah('ta')" ></textarea>
<div id="chkBox" style="display:none"><label> Please check this to continue....</label><input type="checkbox" id="chk" onclick="unable()"></div>

Answer 4

或尝试：

document.getElementById("my_id").setAttribute("readOnly", true);

请注意，如@TheVillageIdiot所述，readOnly中的 O是大写。这应该从IE7到IE11。

IE7中无法识别文本输入readonly属性？

4 个答案: