删除选择中选项的部分值

Question

我有一个select，其中包含多个options，用于我的WordPress网站的存档。

select如下所示：

<select name="m" onchange="this.form.submit()" title="Archive">
    <?php $archives = wp_get_archives( array( 'format' => 'option' ) ); ?>
    <?php echo $archives ;?>
</select>

这将生成如下所示的选择：

<select name="m" onchange="this.form.submit()" title="Archive">
    <option value="http://site_name/?m=201503">march 2015</option>
    <option value="http://site_name/?m=201501">january 2015</option>
</select>

现在我想从option的value属性中删除http://site_name/?m=部分。

我认为jQuery是这里最好的选择，但我不知道从哪里开始使用jQuery。

Answer 1

在 dom ready 上，您可以像

jQuery(function ($) {
    $('select[name="m"] option').attr('value', function (i, v) {
        return v.match(/d+$/)[0]
    })
})

演示：小提琴

Answer 2

在 doc ready 上使用它：

    $('select[title="Archive"]').find('option').each(function() {
      var newVal = this.value.split('=')[1];
      this.value = newVal;
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="m" onchange="this.form.submit()" title="Archive">
  <option value="http://site_name/?m=201503">march 2015</option>
  <option value="http://site_name/?m=201501">january 2015</option>
</select>

Answer 3

你可以使用JavaScript替换。

看到这个小提琴

 $('option').each(function(i,ele){
        var x=$(ele).val();
        $(ele).val(x.replace("http://site_name/?m=", ""));
    });

将代码放入文档就绪功能

Answer 4

在这里尝试这个演示

$('select option').each(function(i,element){
        var optvalue=$(element).val();
        var result = optvalue.replace("http://site_name/?m=", "");
    console.log(result);
      $(element).val(optvalue.replace("http://site_name/?m=", ""));
    });