鍍金池/ 問答/HTML/ 如何模擬select選中option的效果

如何模擬select選中option的效果

目前的情況是：網(wǎng)頁上有一個表單，表單中有一個select類型的控件，選擇option后，表單的其他input部分會自動填充數(shù)據(jù)。

我希望做的是：實現(xiàn)一個網(wǎng)頁插件，在這個頁面被打開時，把select的某個指定option選中。

我的做法是：用jquery的 $("#my_select_input").val("xxxxxx"); 方式設(shè)置選項。

出現(xiàn)的問題是：select控件的選項變成了我希望的，但是網(wǎng)頁自帶的其他部分會自動填充數(shù)據(jù)沒有生效。

我估計是網(wǎng)頁代碼中監(jiān)聽了select控件的選中事件，在收到事件后做填充數(shù)據(jù)操作，我通過val方法設(shè)置選項沒有觸發(fā)select的某個事件（我不知道是什么事件）。猜測是"change"事件，于是我在下面又加了一句 $("#my_select_input").trigger("change");
但是仍然沒有效果。我觀察了人工操作發(fā)出的change事件對象和trigger函數(shù)產(chǎn)生的事件對象，trigger函數(shù)產(chǎn)生的事件對象成員要少很多。

希望有大神能告知如何能解決？

回答
編輯回答
放開她

沒太明白，貌似是想input的值同步select的值？

clipboard.png

clipboard.png

2018年5月24日 14:47
編輯回答
別硬撐
$("#my_select_input").val("xxxxxx")

這樣是不會觸發(fā)change事件的，你賦值的要手動觸發(fā)一下

$("#my_select_input").change()
2017年2月11日 21:46