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-"的值，为什么要首先使用它，请使用数字作为选项的值和文本。