使用jquery自定義CSS選擇框

我正在使用此腳本 http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/ 在我的頁面中創建自定義CSS選擇框。用來申請上selectboxes的CSS樣式的Javascript代碼，使用他們的ID作爲參數：使用jquery自定義CSS選擇框

$(document).ready(function() { 
$('#cont').selectbox({debug: true}); 
}); 

<select id="cont" name="cont" tabindex="1"> 
<option value="1">aaa</option> 
<option value="2">bbb</option> 
<option value="3">ccc</option> 
</select>

我可以以某種方式使用選擇框只是「名」屬性，而不是「ID」 ???這可能嗎？

來源

2009-12-21 zekia

只是一個音符，不知道錯字，但你的ID選擇不 – TStamper 2009-12-21 13:35:37

感謝匹配，你說得對，我改變了代碼。 – zekia 2009-12-21 14:29:39

你可以使用屬性選擇通過名稱SELCT

例如

$('select[name="cont"]').selectbox({debug: true});

來源

2009-12-21 13:34:44 CeejeeB

謝謝大家的快速回復:) 之所以我想改變這是因爲我用一些AJAX和PHP來加載選項到這些選擇框。在選擇框中添加id屬性後，此ajax/php代碼停止工作。我認爲刪除「身份證」可以解決問題。最終似乎不是導致問題的「id」。出於某種原因，這兩件事情不能同時發揮作用。 – zekia 2009-12-21 13:46:26

有興趣瞭解這一點。這個解決方案聽起來有點像一個騙局 – 2009-12-21 13:52:00

當然，立足您選擇關閉名稱屬性，只需做到以下幾點：

$("[name='nameHere']");

來源

2009-12-21 13:32:57 Sampson

這是你如何做到這一點

$("[name='cont']");

它與元素選擇合併將使其更快：

$("select[name='cont']");

雖然你給的例子，我無法想象爲什麼。下面將是如此之快：

$("#cont");

來源

2009-12-21 13:34:48

使用jquery自定義CSS選擇框

回答

相關問題