2016-04-03 41 views
0

編輯!jQuery/Javascript的按鈕文本更改(編輯!)

我有一個名爲「pc3LoadSELECT」的按鈕,彈出一個名爲「loadCol_1」的新按鈕,loadCol_1從local_storage獲得多達150個選項。

我需要解決的是如何讓「pc3LoadSELECT」標籤的SELECT更改爲loadCol_1中的任何值。

EG:如果我選擇150則標籤選擇將與150

更換2組代碼的我與周圍的發揮是:

$('a[dsid="pc3FitmentSELECT"]').text(""); 

&

var listOfLabels = ['loadCol_1']; 

function getRandomLabel() 
{ 
    return listOfLabels[Math.floor(Math.random() * listOfLabels.length) + 1]; 
} 

$('a[dsid="pc3LoadSELECT"]').text(""); 

我承認,在這一項任務中,我絕對是盲目的。因此,在試圖解決或嘗試鍛鍊需要的任何幫助。

數據呈現不是隨機的,我將附加一個圖像,顯示彈出式窗口(小樣本)中1個按鈕可能的選項範圍。

請指教?

List of Possible Options

+0

把一些代碼在這裏或中的jsfiddle。 – Sachin

+0

顯示你到目前爲止嘗試過的東西。有很多方法可以用於此 – guradio

+0

我真的需要幫助,我已經按照建議編輯以提供更多信息,甚至附加了屏幕截圖。請幫忙。 –

回答

0

我創建一個按鈕,從陣列獲取其值的一個例子。 每次打開彈出窗口時,都應該從選項列表中設置按鈕值。

因爲我創建了函數getRandomLabel();

希望幫助:)

var listOfLabels = ['opt-1', 'opt-2', 'opt-3', 'opt-4', 'opt-5', 'opt-6']; 
 

 

 
function getRandomLabel() { 
 
    return listOfLabels[Math.floor(Math.random() * listOfLabels.length) + 1]; 
 
} 
 

 

 

 

 
$('.randomize-label').click(function() { 
 
    $('.btn1').html(getRandomLabel()); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="randomize-label">Randomize Label</button> 
 

 
<br> 
 
<br> 
 
<br> 
 
<br> 
 

 
<button class="btn1">SELECT</button>