jQuery - 删除部分值

Question

我有一个选择框，其中包含以下选项：

 <option value='clicks-500' class='mini' data-price='4'>500 Clicks</option>
 <option value='clicks-1000' class='mini' data-price='7'>1000 Clicks</option>
 <option value='clicks-2000' class='mini' data-price='13'>2000 Clicks</option>
 <option value='clicks-10000' class='mini' data-price='60'>10000 Clicks</option>

如您所见，值的格式为：“clicks-xxx”

我的问题是，如何删除“点击次数”，以便只留下数字。目前，我有这段代码，它占据了整个价值。

$('#clicks').on('change', function() {
    alert( this.value ); // or $(this).val()
});

Answer 1

将clicks-替换为.replace()

$('#clicks').on('change', function() {
    alert( this.value.replace("clicks-","") ); // or $(this).val()
});

Answer 2

试试这个：

 $('#clicks').on('change', function() {
        $(this).val($(this).val().replace("clicks-",''));
 });

Answer 3

$('#clicks').on('change', function() {
    alert($(this).val().split("-")[1]);
});

试试jsfiddle

如上所述，如果你需要没有'click-'的值，为什么要在第一时间使用它，使用数字作为选项的值和文本。