jquery - jQuery - remove part of value

Question

I have a select box, which have options like this:

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

as you can see, the values are in this format: "clicks-xxx"

My question is, how can I remove the "clicks-" so it only leaves the numbers. Currently, I have this piece of code, that takes the entire value.

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

Answer 1

尝试这个：

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

Answer 2

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

试试jsfiddle

如上所述，如果您需要没有'click-'的值，为什么首先使用它，将数字用作选项的值和文本。

Answer 3

替换clicks-为.replace()

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