Question

Question:

How can I do in JavaScript like this ya.. when I select open, button Open will appear.

if selected = 'open'
  out='Open Button'
else if selected ='edit'
  out='Edit Button'
 else 
  out='Closed button'

---

Button = <input type="submit" name="Open" id="button" value="submit">
selected =  <select name="select" id="select">
            <option value="Open">Open</option>
            <option value="Edit">Edit</option>
            </select>

Arhh really noob in that case.. sorry

Answer 1

as you question asks see if this helps

<script type="text/javascript">
 function showOpenButton(n){

 if(n.value == "Open"){

 if(!document.getElementById("openBtn")){

   var oelm = document.getElementById('select');
   var btn = document.createElement("input");
   btn.type="submit";
   btn.value="Open Button";
   btn.id="openBtn"


   oelm.parentNode.appendChild(btn);
}
}

}
</script>


  <select name="select" id="select" onchange="showOpenButton(this)">
       <option value="">select one</option>
       <option value="Open">Open</option>
       <option value="Edit">Edit</option>
 </select>

// new function might help with your newly still hard to understand requirements

 function cBtn(n){

 var e = n.value;

 // if element placeholde exist remove it
 if(document.getElementById('div_btn_placeholder')){
   var tmp = document.getElementById('div_btn_placeholder'); // may need to set its css attribute display value to inline
  tmp.parentNode.removeChild(tmp);
  }

 var e = (n.selectedIndex==0) ? "Close" : n.value; //close or use other selected values on the button

 var d = document.createElement("div"); // easer to create a placeholde then can remove if defined
d.id="div_btn_placeholder";


var oelm = document.getElementById(n.id);
var btn = document.createElement("input");
btn.type="submit";
btn.value= e + " Button";
btn.id="btn" + e
btn.name=e;

oelm.parentNode.appendChild(d);

d.appendChild(btn)

}


function showOpenButton(n){

switch (n.value){
case "Open":cBtn(n); break;
case "Edit":cBtn(n); break;
default:cBtn(n);
}
}