Question

我有一个简单的javascript，我一直在我的每个页面中使用，我想让它成为一个函数并添加一些额外的功能，如果我点击loading_input(div)从display:block更改为{ {1}}

我尝试但我没有运气可以有人指导我让它工作..

示例：

display:none

Answer 1

感谢您的所有建议，这有助于我提出这个答案。

// To haddle my onchange this is what I come up 
function loading(input_id){
  if(input_id){
    document.getElementById("loading_input").style.display = "block";
    document.getElementById(input_id).style.color = "#fff";
  }
 }

如果我需要在我的页面中使用它。我只是喜欢这个

<input id="sample" onchange="loading('sample')" />

onclick事件

 // this is what I come up to haddle my onclick event 
 function close_and_reload(id){
 if(id){
    document.getElementById(id).style.display = "block";
    window.location.reload();
 }
}

Answer 2

我为函数创建了两个元素ID参数，尽管您发送的代码片段似乎只更改了第二个。我的版本更灵活，但如果您确定第一个版本始终相同，那么您可以删除第一个参数。

function changeHandler(elem1, elem2){
    document.getElementById(elem1).style.display = "block";
    document.getElementById(elem2).style.color = "#fff";

} 


document.getElementById("instructor").onchange = changeHandler("loading_input", "instructor");

document.getElementById("subject_scheduling").onchange = changeHandler("loading_input", "subject_scheduling");

Answer 3

试试这个。

<!DOCTYPE html>
<html>
<body>

<p>Select a new car from the list.</p>

<select id="mySelect" onchange="changeStyle('demo');changeColor('demo')">
  <option value="Audi">Audi
  <option value="BMW">BMW
  <option value="Mercedes">Mercedes
  <option value="Volvo">Volvo
</select>


<p id="demo">some content</p>

<script>
function changeStyle(id) {
    document.getElementById(id).style.display = "block";
}

function changeColor(id) {
   document.getElementById(id).style.color = "#fff";
}
</script>

</body>
</html>

简单的javascript转换为函数

3 个答案: