jQuery / Javascript按钮文本更改(编辑!)

时间:2016-04-03 06:13:02

标签: javascript jquery

EDIT!

我有一个名为" pc3LoadSELECT"这会弹出一个名为" loadCol_1"的新按钮。和loadCol_1最多可以从local_storage获得150个选项。

我需要解决的是如何获得" pc3LoadSELECT"标签SELECT以更改为loadCol_1中存在的任何值。

EG:如果我选择150,则标签SELECT将替换为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

1 个答案:

答案 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>