艱難的Javascript問題：讀下拉值並且顯示它在Javascript

爲可點擊的鏈接

enter image description here 我的下拉顯示HTML代碼看起來像下面，艱難的Javascript問題：讀下拉值並且顯示它在Javascript

<select onchange="if (this.value != '') {Add_Search_Param('f-' + this.value.split('|')[1], this.value.split('|')[0]); Refine();}"><option value="">Find by Model Number</option><option value="45|V709">V709 (6)</option><option value="52|V714">V714 (4)</option></select>

目前上面的HTML代碼顯示一個下拉，顯示以下

通過型號查找，V709（6），V714（4）。

我需要做的是閱讀下拉菜單，顯示在同一個頁面上，但不是下拉菜單中的可點擊鏈接，如下所示。

<a href="V709 (6).htm">V709 (6)</a>

所以這是可能的嗎？

來源

2011-05-31 user580950

你需要去接受一些你的問題的答案，否則人們將停止回答他們 – 2011-05-31 11:07:43

嗯只有55％的我的問題得到解答，我已接受， – user580950 2011-05-31 11:38:43

HTML：

<div id="links"></div>

的jQuery：

$('option').each(function(){ 
    $('#links') 
    .append(
     $('<a />') 
     .attr({ href:$(this).text()+'.htm' }) 
     .html($(this).text()+'<br>') 
    ) 
})

工作演示：http://jsfiddle.net/TJV4K/

注：這需要jQuery JavaScript庫，但其他任何像樣的圖書館可以在一個非常使用類似的方式。

您需要爲您選擇的目標提供一個id，並在javascript代碼中修改選擇器，以便選擇正確的選項標籤 - 因爲它代表着它，它將選擇頁面上的所有選項標籤。

來源

2011-05-31 11:05:54

非常感謝解決方案的工作，但一個問題和它的我的錯不是你的，實際上那個頁面有3個以上的掉落按寬度查找按顏色查找查找偏移如何讀取這些以及？ – user580950 2011-05-31 11:23:01

好吧，我檢查了它，並感謝您的答案几個問題：這裏是我的網址，我已經集成了代碼http://tinyurl.com/3tev5fd（檢查左側導航）您的代碼顯示所有跌落的跌幅如鏈接，我想通過以下型號作爲找到指向由直徑查找寬查找顏色查找偏移並刪除所有其他人發現這是可能的只顯示值？ – user580950 2011-05-31 11:38:53

你應該爲每個'select'標籤賦予''select id =「myModelNumber」> ...'，然後在jQuery中識別像這樣的'$（「＃myModelNumber選項，#myDiameter選項等...「）。每個（etc ...' – 2011-05-31 11:42:55

艱難的Javascript問題：讀下拉值並且顯示它在Javascript

回答

相關問題