顯示上降下來的文本框選擇

我試着做電平變化和onclick事件，我有他們兩個的麻煩。當執行我的代碼時，Firebug告訴我我的showTextBox函數沒有被定義。顯示上降下來的文本框選擇

當選擇國家下拉值1，我需要顯示其保持文本框中<div>。我移動了選項標籤中的onclick屬性以及嘗試onchange屬性，並且仍然沒有在Firebug中定義showTextBox（）。

<select id="AddrType" onclick="showTextBox();" 
     height="30px" style="width: 90px"> 
    <option value="10"></option> 
    <option value="0">City</option> 
    <option value="1">State</option> 
    <option value="2">Zip</option> 
</select> 

<br /> 

<div id="stateText" style="visibility: hidden"> 
    State <input type="text" id="STATE"/> 
</div>

這裏是當任的onclick或平變化事件被觸發調用該函數：

function showTextBox() { 
    console.log("in check Drop down"); 
    if ($('#AddrType').val() == 'State') { 
     $('#stateText').style.visibility = 'visible'; 
    } 
    console.log($('#AddrType').val());

任何幫助。我谷歌搜索了它，但我似乎無法找到有效的東西。我不能使用document.getElementById()函數。

來源

2013-03-05 Jt2ouan

我在你的代碼假設你有一個結束}爲showTextBox？ – Phil 2013-03-05 17:32:30

試試這個：

<script type='text/javascript'> 

    $(document).ready(function(){ 
     $('#AddrType').change(function(){ 
      if ($(this).val() == '1') { 
       $('#stateText').css({'display':'block'});   
      } 
     }); 
    }); 


</script>

和更新您的選擇是：

<select id="AddrType" height="30px" style="width: 90px"> 
    <option value="10"></option> 
    <option value="0">City</option> 
    <option value="1">State</option> 
    <option value="2">Zip</option> 
    </select>

也，這工作完全正常。

<select id="AddrType" onchange="showTextBox()" height="30px" style="width: 90px"> 
     <option value="10"></option> 
     <option value="0">City</option> 
     <option value="1">State</option> 
     <option value="2">Zip</option> 
    </select>

，並在那裏showTextBox（）是：

function showTextBox(){ 
     if ($('#AddrType').val() == '1') { 
        $('#stateText').css({'visibility':'visible'}); 
    }

來源

2013-03-05 17:25:12

他們沒有onclick或onchange事件在此更改它警告什麼值是..？ – Jt2ouan 2013-03-05 17:30:50

是的。因爲在運行時下拉的m綁定更改事件。我已經更新了我的答案..它完全正是你在你的代碼中所要做的。 – 2013-03-05 17:32:10

這是gettign作爲其更改函數更接近。我得到的風格是未定義的錯誤。 style =「visibility：hidden」對div有效嗎？ – Jt2ouan 2013-03-05 17:40:30

您的val()可能正在返回"1"而不是您正在檢查的"State"。

不僅對jQuery的，而且當您發佈表單數據到服務器的AddrType值將是你的情況選擇option元素（「城市/州/郵編」的value屬性僅僅是「標題'的價值）。

來源

2013-03-05 17:16:31 haim770

是的，我明白，但由於某種原因，螢火蟲告訴我功能未定義。 – Jt2ouan 2013-03-05 17:20:26

哪個功能？請發佈完整的錯誤。 – haim770 2013-03-05 17:21:44

在選擇onclick =「showTextBox（）;」當在Firebug中調用它時，它說showTextbox沒有被定義。 – Jt2ouan 2013-03-05 17:23:05

顯示上降下來的文本框選擇

回答

相關問題