2012-10-31 64 views
10
<head> 
<script type="javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
</head> 
<body> 

<form id="form1" action="http://google.com"> 

<input id="textField1" type="text" value="0" align="right" size="13"/><br> 

<input id="button1" type="button" value="1" onclick="display()"> 
</form> 
</body> 

nhưng giá trị của trường văn bản không thay đổi.cách thay đổi giá trị của trường text của HTML bằng cách sử dụng javascript

Bất kỳ ý tưởng nào tôi đang làm sai?

+0

tôi muốn thay đổi từ "0" thành "abc" thực sự tôi đang tạo máy tính và tôi sẽ chuyển "1" nhưng trong tương lai gần, khi sự cố này được giải quyết –

Trả lời

8

thử

<script type="text/javascript"> 

thay vì

<script type="javascript"> 

. Tôi tin rằng sau này không phải là một cú pháp hợp lệ.

Loại bỏ các type thuộc tính hoàn toàn làm việc cũng như:

<script> 
+0

Tốt hơn hết nên xóa hoàn toàn. –

+0

Tôi sẽ nói, thêm điều này để đề cập rằng bạn chỉ có thể làm

3

Tháo type từ thẻ script của bạn. Không chính xác và làm cho trình duyệt không xem nội dung script là JavaScript. Here it is not workinghere it is working (với số type="javascript" đã bị xóa).

0

Không có gì sai với mã của bạn, mã hoạt động tốt trong this fiddle.

Tôi chỉ suy đoán, nhưng bạn có thể thử xóa thuộc tính loại của thẻ tập lệnh hoặc thay đổi thành type="text/javascript", loại này sẽ là loại thích hợp để sử dụng. Nếu bạn không chỉ định, trình duyệt sẽ xem nó là JavaScript theo mặc định.

2

dòng của bạn

document.getElementById("textField1").value = "abc"; 

là đúng, hãy thử

<head> 
<script> 
function display() { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
</head> 
<body> 

<form id="form1" action="http://google.com"> 

<input id="textField1" type="text" size="13" value="clear" /><br> 

<input type="button" onclick="display()"> 
</form> 
</body> 
3

Nó phải được

<script type="text/javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 

và không

<script type="javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
0

Nó thực sự chính xác, nhưng nếu nó không hoạt động thử như thế này:

document.getElementById("textfield1").innerHtml = "ABC"; 
0

Trong trường hợp các lĩnh vực văn bản không được có thuộc tính id và có tên thuộc tính sau đó,

sử dụng

document.getElementsByName("name")[0].value="ert";

getElementsByName() trả về một mảng đối tượng có tên cụ thể, đó là lý do chúng tôi sử dụng chỉ mục 0.

Các vấn đề liên quan