我對JavaScript很陌生,但我想爲選擇標記(針對國家及其電話代碼)編寫腳本。我希望它能夠讓下拉列表顯示國家和代碼,但用戶選擇只顯示應該顯示的代碼後。我使用PHP編寫網頁。由於用於顯示選擇標記的部分值的Java腳本
-2
A
回答
0
我認爲最適合你的是使用JQuery方法作爲下面的代碼。
您的HTML將如下所示。
<select>
<option value="01" textValue="America">01</option>
<option value="02" textValue="Liberia">02</option>
<option value="03" textValue="Switzerland">03</option>
</select>
$("your select").on('focus', function(){
$(this).children().each(function(){
var text = $(this).attr('textValue') + ' - ' + $(this).attr('value');
$(this).text(text);
});
});
$("your select").on('blur', function(){
$(this).children().each(function(){
$(this).text($(this).attr('value'));
});
});
+0
非常感謝。你是一個拯救生命的人。我很感激 – Eddier10
-1
我想你想要的這裏是這樣
<select>
<option value="01">America - 01</option>
<option value="02">Liberia - 02</option>
<option value="03">Switzerland - 03</option>
</select>
您可以使用點擊事件選擇在JavaScript中,不太清楚你是如何計劃使用這些選擇..
相關問題
- 1. 用於顯示標籤的Java腳本
- 2. 基於HTML的在Java腳本值選擇標籤
- 3. jQuery選擇標記內部腳本標記
- 4. Jsoup沒有選擇的腳本標記
- 5. 用於加載文檔和標記文本部分的Java庫
- 6. 用於radiobuttonlist的java腳本選擇和取消選擇
- 7. 在選擇標記而不是文本中顯示值
- 8. 顯示部分索引的選擇
- 9. Rails的選擇標記選擇的值
- 10. 文本的選擇部分在標籤
- 11. 當單選按鈕被選中 - 顯示選擇標籤部分
- 12. 顯示日期限於選擇標記WordPress的
- 13. jQuery選擇器腳本標記問題
- 14. 突出顯示HTML選擇標記中的值
- 15. 如何在HTML選擇標記中顯示默認選項值
- 16. 通過php腳本中的$ _POST ['']獲取選擇標記的ul的選定值
- 17. symfony2實體選擇標記顯示
- 18. jQuery隱藏/顯示選擇標記
- 19. 顯示標籤:顯示包含部分列表的記錄
- 20. 在文本框中選擇顯示的選擇框的值
- 21. MD-選擇顯示已選擇的值
- 22. 腳本用於在選擇的細胞
- 23. 選擇僅日期部分並顯示
- 24. JSP形式選擇標記,顯示內部列表
- 25. 頭部標記中未顯示RenderSection腳本
- 26. 使用WAMP的PHP腳本顯示帶標記的HTML輸出
- 27. 選擇框內的轉義腳本標記選項(Chrome)
- 28. 在選擇標籤中顯示選項或選項內容的一部分
- 29. jQuery選擇部分文本/字符和addClass或標記
- 30. AngularJS - 基於選擇值顯示數據
確定。這很好。祝你好運。你有問題嗎?這個網站是爲了問題,而不是轉儲您的待辦事項/需求清單的地方。 –
我在問如何去做的想法。 – Eddier10
@MarcB嘿,現在,很好。但是的確如此,這個問題相當開放,可能在StackOverflow的其他地方或互聯網上有很好的答案。看看http://stackoverflow.com/help/dont-ask獲取關於什麼問題適合StackOverflow的更多信息。 –