Javascript：關閉下拉選擇的按鈕

我有一個下拉菜單，其中有幾個鏈接到功能的值。我也有一個文本框並提交按鈕。基本上我想要做的是，如果選擇下拉框中的某個值，則禁用或隱藏提交按鈕，並且可能使文本框變爲空白，並且一旦選擇了另一個值，它將重新開啓。Javascript：關閉下拉選擇的按鈕

我的HTML代碼：

<body> 
    <p><label>Drawing tool: <select id="dtool"> 
     <option value="line">Line</option> 
     <option value="rect">Rectangle</option> 
     <option value="pencil">Pencil</option> 
     <option value="eraser">Eraser</option> 

    </select></label></p>

//一些帆布代碼

<form id="frmColor"> 
     <input type='color' id='color' /> 
    </form> 
     <input type='submit' value='Change Color' id="colorSubmit"/>

Javascript語言，鏈接文件名爲canvas.js：

... 
tools.eraser = function() { 
    var tool = this; 
    this.started = false; 
    var varPenColor = "White"; 
    context.strokeStyle = varPenColor; 
    document.frmColor.colorSubmit.disabled=true;

基本上當我選擇橡皮從下拉菜單中全部工作，但提交按鈕不會失效。

即時通訊新的JS和不知道如果我需要添加某種類型的偵聽器或獲取元素ID任何想法？

來源

2011-04-11 Mark

您試圖改變「document.frmColor」到「的document.getElementById（ 'frmColor'）」？ – Pointy 2011-04-11 15:07:59

或甚至'document.forms ['frmColor']' – 2011-04-11 15:09:15

@Pointy工作過的感謝！ – Mark 2011-04-11 15:42:59

您在表單外有提交按鈕。（如示例代碼所示..）

<form id="frmColor"> 
     <input type='color' id='color' /> 
    </form> 
     <input type='submit' value='Change Color' id="colorSubmit"/>

應該

<form id="frmColor"> 
    <input type='color' id='color' /> 
    <input type='submit' value='Change Color' id="colorSubmit"/> 
</form>

來源

2011-04-11 15:11:19

謝謝你，它沒有解決這一切，但幫助。隨着Pointy說它工作:) – Mark 2011-04-11 15:42:34

Javascript：關閉下拉選擇的按鈕

回答

相關問題