在javascript中使用HTML选择标记名称

Question

我有一个我在标签名称中使用的数组：

<?php 

  echo "<td><select name='search[$field]'></select>"

?>

但如何在Javascript中编写名称？

例如

<script language="javascript" type="text/javascript">

document.formname.---.options.length = 0;

</script>

我应该怎么写“---”？

是这样的吗？

<script language="javascript" type="text/javascript">

document.formname.search[$field].options.length = 0;

</script>

Answer 1

给select元素一个id并用它来引用元素：

<?php 
  echo "<td><select name='search[$field]' id='mySelect'></select>"
?>

<script>
var select =  document.getElementById('mySelect');

Answer 2

如果表单控件的名称不是有效标识符，请使用方括号表示法：

document.formname.elements['search[$field]'].options.length = 0;

请注意，完整，正式的方法是：

document.forms['formName'].elements['elementName'].options.length = 0;

但是每个都是其“父”的命名属性，因此名称都是有效的标识符：

document.formName.elementName;

有效，但不适用：

document['formName']['elementName'];

会做到这一点。还可以使用方括号，其中名称保存在变量中：

var fn = 'form[Name]';

可以用作：

var theForm = document[fn];

或

var theForm = document.forms[fn];

Answer 3

试试这个

<script language="javascript" type="text/javascript">

document.formname.search[<?php echo $field; ?>].options.length = 0;

</script>