php - 当元素id包含像_item5_xyz这样的下划线时，如何在javascript中更改html元素的值？

Question

我想使用 javascript 更改 html 文本框的值。我尝试了 .value 但它不起作用。然后我更改不带下划线 id 的 id 并更改值并将 id 更改回原来的一个值与原始值相同没有变化。

<input id="_item1govt_id" class=" required-entry input-text required-entry input-text required-entry" type="text" value="1" name="address[1][govt_id]" style="display: none;">


echo "<script> function setFunc".$rs['entity_id']."(obj) 
        {


            var e = document.getElementById('_item".$rs['entity_id']."govt_id');
            e.id = 'ape".$rs['entity_id']."';




            e.value = obj.value;

            alert(e.value);

            e.id = '_item".$rs['entity_id']."govt_id';


        }



</script>         "

Answer 1

您可以使用document.getElementById("ID").value = "new value";

即使您的 id 包含 _ 或数字，它也会起作用。

请检查您在 html 中的 id 和您在 javascript 中使用的 id 是否匹配。

Answer 2

如果要更改文本框的 html，则可以使用 javascript 如下完成
  document.getElementById('textbox_id').innerHTML="New text"；

有关更多信息，请在此处查看基本信息。
我想它会对你有所帮助。

Answer 3

像下面这样运行你的代码工作正常，你真的在​​任何地方调用过这个函数吗？

<input id="_item2govt_id" class=" required-entry input-text required-entry input-text required-entry" type="text" value="1" name="address[1][govt_id]" style="display: none;">
<?php
$rs = array('entity_id' => 2);
echo "<script> function setFunc" . $rs['entity_id'] . "(obj)
        {


            var e = document.getElementById('_item" . $rs['entity_id'] . "govt_id');
            e.id = 'ape" . $rs['entity_id'] . "';




            e.value = obj.value;

            alert(e.value);

            e.id = '_item" . $rs['entity_id'] . "govt_id';


        }
setFunc" . $rs['entity_id'] . "({value:\"test\"});

</script>";

注意在底部我调用了 setFunc2() 方法。

编辑

有关 php fiddle 工作示例，请参见此处：http: //phpfiddle.org/main/code/7em-jwq

Answer 4

         $("#yourTextBoxIdName").val('newValue');