Question

我有一个度转换器的代码，它可以完美地工作。但是，我担心的一个问题是，当我选择一个摄氏度（摄氏度）时，我输入数字并按下按钮，这将为我提供开氏温度和华氏温度的温度。但是，如果我想在开氏温度中设置另一个温度，请在框中输入我的数字，然后按计算，它会为华氏和摄氏温度生成温度，但开氏的先前值仍保留在输入框中。我想要的是，根据您选择的温度，它会删除该文本。对于此示例，我希望为Kelvin给出的数字消失。我已经尝试过“ document.getElementById（“”）。style.display =“ none”；但是所有的操作就是删除输入框。我只希望文本消失。有什么办法可以做到这一点？ >

    if(temperature == "Fahrenheit") {

      calculate = Math.round((inputValue - 32) * 0.555);
      document.getElementById("Celsius").value = calculate;

      calculate = Math.round((inputValue - 32) * 0.555 + 273.15);
      document.getElementById("Kelvin").value = calculate;

      // hide fahrenheit value

  }

  else if(temperature == "Celsius") {

    calculate = Math.round((inputValue * 0.555) + 32);
    document.getElementById("Fahrenheit").value = calculate;

    calculate = Math.round(inputValue + 273.15);
    document.getElementById("Kelvin").value = calculate;



    // hide celsius value

  }

希望您能得到我想问的问题，否则，我会尽力详细说明。

Answer 1

尝试：

document.getElementById('#yourSelector').value=""; /* this will clear the text of the control*/

Answer 2

如何删除输入值

您的问题有答案:)。将值设置为输入字段的方式，使用相同的方法通过设置空字符串来取消设置值。

document.getElementById("Fahrenheit").value = ""; // set empty string

现在对“摄氏温度”执行相同操作。

如何隐藏输入值

如果要隐藏输入值，则可以删除它，而不是删除它，还有另一种简单的css方法：

input {
  color: transparent;
}

或通过javascript：

document.getElementById("inputId").style.color = "transparent";

快乐编码：）

有没有一种方法可以使文本隐藏在输入框中？

2 个答案: