jQuery - 删除部分值

时间:2013-09-06 12:14:23

标签: jquery

我有一个选择框,其中包含以下选项:

 <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()
});

3 个答案:

答案 0 :(得分:0)

clicks-替换为.replace()

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

答案 1 :(得分:0)

试试这个:

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

答案 2 :(得分:0)

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

试试jsfiddle

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