如何通過jQuery在選擇選項的更改中打開模型框?通過jQuery onchange選擇選項打開模式框
0
A
回答
0
onchange = "$('#dialogboxname').dialog('open');"
添加像onchange屬性上面^
1
您可以發送一個偵聽器選擇選項更改
結賬這裏的例子http://jsfiddle.net/N4EZf/2/
HTML
<select id="selectMe">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
的jQuery
alert('ready');
$('#selectMe').change(function() {
alert('Call modal function');
});
1
取決於你所說的「模式對話框」(或在問題「模型箱」)的內容。
如果你在談論一個jQuery UI Dialog,這應該這樣做:
$(document).ready(function() {
// Set the element as a dialog
$('div#modalDialog').dialog({
modal: true,
autoOpen: false
});
// Set the dialog to open when mySelect changes
$('select#mySelect').change(function() {
$('#modalDialog').dialog('open');
});
});
這將,當DOM加載,與id
「modalDialog」配置div
元素是一個模態對話框和請在ID爲「mySelect」的select
元素的change
事件中設置偵聽器以打開對話框。
相關問題
- 1. jQuery動態選擇複選框組onChange
- 2. 通過選擇框與jQuery的多個獲取值Onchange
- 3. 選擇框打開輸入框jQuery
- 4. Javascript onchange選擇框
- 5. 如何在選擇標籤上打開Jquery對話框模式
- 6. jQuery對話框以相同的選擇選項打開
- 7. jQuery的選擇框附加選項的onchange
- 8. 通過發送選項選擇。 jquery
- 9. 通過jQuery鏈接選擇選項值
- 10. jQuery如何通過值選擇選項?
- 11. 通過onchange啓用禁用的選擇選項?
- 12. 有多個選擇框打開相同的模式對話框
- 13. 選擇框onchange更新多個項目
- 14. 通過jQuery AJAX更新選擇框選項?
- 15. 通過選擇複選框
- 16. jQuery模板選擇選項
- 17. 從選擇中選擇一個項目後打開模型? Laravel
- 18. 通過選擇框
- 19. HTML選擇框,通過JavaScript「無」選項刪除選項出現
- 20. 更改通過jQuery選擇默認選擇的選項
- 21. 通過選擇課程打開包裝?
- 22. 如何打開通過JavaScript選擇?
- 23. Angular js打開模式選項卡
- 24. onChange通過使用選擇ReactJS搜索
- 25. 通過選擇選項啓用模式(Bootstrap版本3.3.6)?
- 26. PHP onchange事件選擇框
- 27. onchange事件選擇框
- 28. Php如何在模式彈出框中打開引導選擇框選項不是常規組合框
- 29. 選擇OnChange
- 30. 獲取選擇ID onchange Jquery