JQuery/Javascript清除/重置下拉列表到原始值

Ok dokey，得到了一點jquery和運行，可愛的東西。JQuery/Javascript清除/重置下拉列表到原始值


$(document).ready(function() { 
    $inputs = $("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx"); 
    $.each($inputs, function() { 
     $(this).focus(function() { 
       $.each($inputs, function() { 
        $(this).val(''); 
        $(this).attr('checked', false); 
       }) 
     }); 
    }) 
});

然而，在我的下拉列表中，我想完全保留一部開拓創新的價值，而不是將其清除。

有沒有一種方法可以指定各個值，即tbxProdAC =''，ddlBuyer =原始值，txtbxHowMany =''，radTopx =未選中等？

來源

2009-11-27 MrDean

請編輯你的代碼，它是非常的混亂：/ – 2009-11-27 14:30:12

對此深感抱歉onodrowan..I正在密集和應正確使用的HTML！ – MrDean 2009-11-27 14:44:18

我不明白，那些元素中的哪一個是選擇框？您指定的所有元素似乎都是複選框。 – 2009-11-27 14:47:00

有你tryed：

document.getElementById('formId').reset();

試試這樣說：

$(document).ready(function() { 
    $("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx").focus(function() { 
       document.getElementById('formId').reset(); 
     }); 
});

來源

2009-11-27 18:19:59 TeKapa

你好TeKapa 我試過你的方法上面，但在「document.getElementById 'formId'）復位（）;」。行我得到一個錯誤 - 「是空或或不是一個對象。」感謝您爲我着想。 – MrDean 2009-11-28 18:10:11

對不起 - 我是一個工具，仍然留在那條線，即document.getElementById（'formId'）。reset（）; 這是一個夢想...非常感謝你。 – MrDean 2009-11-28 18:11:44

您可以使用JQuery的數據功能 - 你可以將所有現有值，並再次打電話給他們當你需要他們

來源

2009-11-27 14:38:46 matpol

你必須要經過每一個單獨做到這一點。

即

$('#tbxProcAC').val(''); 
$('#ddlBuyer').val($('#ddlBuyer')[0].defaultValue); 
$('#txtbxHowMany').val(''); 
$('#radTopx').attr('checked',false);

也許第二行有可能是最intrest到你 - 這顯示瞭如何訪問原來的「默認」值。

評論如果您有任何問題，祝您好運！

來源

2009-11-27 14:39:16 Gausie

謝謝Gausie - 我假設只是刪除原來的$（this）.val（''）;行並取而代之的是你的建議？正如你可以告訴，新手在這裏願意學習，但只有兩個星期瞭解創建一個Web應用程序的任何事情，我努力學習的金額！ – MrDean 2009-11-27 14:43:33

所有你需要的是我給你的！（當然包括'$（document）.ready（function（）{'和'}'）。閱讀jQuery站點上的選擇器以獲取更多信息（http://docs.jquery.com/Selectors）。，你能標記我的答案，如果它幫助你解決問題嗎？我喜歡rep :-) – Gausie 2009-11-27 14:51:55

'$（'＃ddlBuyer'）[0]。'（'＃ddlBuyer'）。val（undefined）;'是最簡單的方法來重置下拉; – asakura89 2015-03-05 07:24:04

在JQuery中可以選擇第一個選項<option value="0" > </option>第一個選項值是零和文本是空的。現在

$('#DropDown').find('option:first').attr('selected', 'selected'); 

$('#DropDown')[0].selectedIndex = 0;

$（ '＃下拉'） - >選擇下拉

找到（ '選項：第一'） - >找到第一個選項

ATTR（ '選擇'， '選擇' ） - >選擇設置屬性。

來源

2013-12-24 06:02:42

試試這個簡單的方法

document.getElementById(‘drpFruits’).options.length=0;

來源

2014-12-15 17:53:10 Munavar

JQuery/Javascript清除/重置下拉列表到原始值

回答

相關問題