這似乎是一個奇怪的要求,但我想使用jQuery的可選工具一次只能選擇一個項目,我想它告訴我的值我有每個標籤內。至少我想要那個選擇的內容。有沒有人試圖做到這一點?由於某些原因,這些小東西似乎並不容易在它們的API中找到。jQuery可選擇只選擇1並獲得一個值?
回答
如果您一次只需要一個選擇,那麼爲什麼選擇可選?
,我覺得你只是使用jQuery,因爲它應該是很容易的。或者我錯過了你的觀點?
活生生的例子:http://jsfiddle.net/F7fsx/
HTML
<div id='container'>
<div id='one'>one</div>
<div id='two'>two</div>
<div id='three'>three</div>
</div>
CSS
#container div {
width: 50px;
height: 50px;
border: 2px dashed red;
margin: 10px;
color: white;
background:orange;
}
jQuery的
$('#container div').click(function() {
$th = $(this);
$th.css('backgroundColor','yellow');
var value = $th.text()
alert(value);
});
哈啊我現在不知道爲什麼我沒有真正做到這一點。我會在下面給你一個答案或者答案,看看我更喜歡哪一個。謝謝! 等待將$ th.text工作,如果我從asp代碼隱藏插入選定的部分?我認爲這就是爲什麼當我現在嘗試獲得價值時,它看起來像亂碼 – jphenow 2010-06-07 13:34:25
@jphenow - '$ th.text()'只是獲取被點擊元素的文本內容。它假定您正在點擊現有內容的現有元素。無論它來自哪裏都不重要。只是一個通用的例子,因爲我不知道你的具體情況。試試我發佈的實例。 – user113716 2010-06-07 13:38:01
@jphenow - 如果您的意思是動態添加元素,您需要使用'live(...)'而不是'click(...)',如$('#container div')。生活(「點擊」,函數(){...' – user113716 2010-06-07 13:40:55
從jQuery Forum一個帖子提供了下面的代碼,以限制選擇單個項目:
$("li").live("click", function(event) {
$(this).siblings().removeClass("selected");
$(this).addClass("selected");
});
至於提取數據,這裏是jQuery的UI團隊使用的Serialize Demo代碼,解壓從每個選擇的元素數據:
$("#selectable").selectable({
stop: function(){
var result = $("#select-result").empty();
$(".ui-selected", this).each(function(){
var index = $("#selectable li").index(this);
result.append(" #" + (index + 1));
});
}
});
而且HTML標記是:
<ol id="selectable">
<li class="ui-widget-content">Item 1</li>
<li class="ui-widget-content">Item 2</li>
<li class="ui-widget-content">Item 3</li>
<li class="ui-widget-content">Item 4</li>
<li class="ui-widget-content">Item 5</li>
<li class="ui-widget-content">Item 6</li>
</ol>
這真棒感謝得到的值,我給一個鏡頭 – jphenow 2010-06-07 13:32:31
- 1. 只選擇下一個選擇框(jQuery)
- 2. Jquery:克隆選擇列表並選擇一個選項的值
- 3. jQuery的獲得多個選擇的所有值,不僅選擇
- 4. jQuery選擇:選擇1選項並取消選擇另一個選擇菜單中的相同選項
- 5. 只選擇了一個值
- 6. 如何獲得一個選擇值
- 7. jQuery獲得選擇選項ID並更改隱藏輸入值
- 8. 定義一個選擇值-1或1
- 9. 選擇只有一個可選jQueryUI
- 10. jQuery選擇不選擇值
- 11. jquery獲得選擇陣列
- 12. jQuery的獲得選擇
- 13. 在列表中隨機選擇值1並獲得索引
- 14. 只有一個值是等於,並在多個選擇中選擇
- 15. 選上獲得多個選擇的值,而jQuery的
- 16. jQuery選擇來獲得,這並不有一個類
- 17. 默認選擇的值:選擇1
- 18. jQuery選擇獲得唯一的ID
- 19. jquery驗證:讓用戶只選擇一個選擇框
- 20. jQuery選擇器只選擇第一個元素
- 21. jQuery選擇只選擇第一個鏈接
- 22. 獲得選擇一個月的價值,並打印日期
- 23. 得到與textarea的複選框,並選擇在一個jquery
- 24. Sqlite更新與選擇子查詢只選擇第一個值
- 25. 按鈕獲得選擇值,做一些
- 26. 選擇選項沒有獲得價值
- 27. 獲得選擇框中的禁用(禁用並選擇先前)選項的值
- 28. 只用jQuery選擇一個元素
- 29. jquery只選擇第一個元素
- 30. jQuery的選擇只是第一個
您的問題不對我來說似乎很清楚,你可以用一個例子來具體說明。你總是可以使用jQuery:eq(n)選擇標準來縮小選擇範圍。 – 2010-06-07 13:20:47
不,不是,我不是在談論我選擇使用selectable的選擇器 - http://jqueryui.com/demos/selectable/#option-filter。我想用這個,但是,由於某種原因,我無法弄清楚如何強制只有一個選擇的時間和所選擇的標籤 – jphenow 2010-06-07 13:22:44