Question

有没有办法清除输入文本并通过java脚本函数在html表单中选择框字段？

Answer 1

这是我的回答......

function clearFields(formName)
{
      var formElements = formName.elements;
      for(var i=0;i<formElements.length;i++)
      {
            var elementType = formElements[i].type;
            if('text' == elementType){
                  formElements[i].value="";
                                formElements[i].disabled = false;
            }
            else if('select-one' == elementType){
                  formElements[i].selectedIndex = 0;
                  formElements[i].disabled = false;
            }
            else if('select-multiple' == elementType)
            {
                  var multiOptions = formElements[i].options;
                  for(var j=0;j<multiOptions.length;j++)
                  {
                        multiOptions[j].selected = false;
                  }
            }
      }
}

Answer 2

$(document).ready(function () {
        $('#textbox').val("");
    }

Answer 3

您可以使用HTML重置按钮（无需脚本）：

<form>
  <!-- any number of form controls -->

  <input type="reset" value="Reset all controls to their default values">
</form>

或者，如果您真的必须使用脚本，请调用表单的重置方法：

// Assuming there's one form in the document
document.forms[0].reset();

如果要重置表单的特定控件，并假设表单是对表单元素的引用，则：

var controls = form.elements;
for (var i=0, iLen=elements.length; i<iLen; i++) {
  if ( /* some test to filter controls */ ) {

    // set control to its default value
    resetControlValue(controls[i]);
  }
}

或类似的。虽然在第二种情况下您还需要过滤控件类型以设置复选框和单选按钮的状态，并且对于选择元素，将其selectedIndex设置为默认选定选项的索引（如果有）或多个默认值选定的选项。

重置按钮更简单。将表单控件重置为默认值（或者check-ness或selected-ness）的函数有点工作：

function resetControlValue(control) {
  var tagName = control.tagName.toLowerCase();

  // Do inputs and textareas
  if (tagName == 'input' || tagName == 'textarea') {

    // Set radios and checkboxes to their default checked state
    if (control.type == 'radio' || control.type == 'checkbox') {
      control.checked = control.defaultChecked;

    // Set text inputs and textareas to their default value
    // Include buttons
    } else if (control.type != 'button'  || tagName == 'textarea') {
      control.value = control.defaultValue;
    }

  // Set select elements to their default selected option
  } else if (tagName == 'select') {

    // Clear all selected inputs
    control.selectedIndex = -1;

    // Set default selected as selected
    for (var i=0, iLen=control.options.length; i<iLen; i++) {

      if (control.options[i].defaultSelected) {

        // If single select, leave after setting first
        if (control.type == 'select-one') {
          control.selectedIndex = i;
          return;
        }

        // If multipe, set all default selected
        control.options[i].selected = true;
      }
    }
  }
}

Answer 4

是的，单独使用javascript即可

document.getElementById('idoftextinput').value = "";

确保输入中有id属性并选择元素

有没有办法通过java脚本函数清除文本并在html表单中选择框字段？

4 个答案: