Question

我正在使用wordpress网站。我有一个带有select标签的html和一些选项。提交表单时，如果选择“其他”选项，我想用“Rosemont”值替换选项“Other”的值。下面是我的HTML。

<select class="expand" name="field_19" id="field_19">
                                        <option value="Bryn Mawr">Bryn Mawr</option>
                                        <option value="Devon">Devon</option>
                                        <option value="Gladwyne">Gladwyne</option>
                                        <option value="Haverford">Haverford</option>
                                        <option value="Other">Other</option>
                                        </select>

现在我希望如果选择“其他”选项，则应将所选值更改为文本“Rosemont”。因此，应将“Rosemont”值保存到数据库中，而不是“其他”。我写了一些jquery代码，但它不起作用。这是我的代码

 jQuery(function(){
    jQuery('#signup_submit').click(function(){
    var city_name = jQuery('select[name="field_19"]').val();
    alert(city_name)// this alerts 'Other'
    if(city_name=='Other'){
    valr = 'Rosemont';
    jQuery('select[name="field_19"]').val(valr);
    var vals = jQuery('select[name="field_19"]').val();
    alert(vals);// again this alerts 'Other'. this should alert Rosemont
}
    });

Answer 1

这样的东西？ jsBin demo

jQuery(function($) {

  $('#signup_submit').click(function(e){
    e.preventDefault();
    var $f19 = $('select[name="field_19"]');
    var f19Val = $f19.val();
    if(f19Val=='Other'){
      var $oth = $('[value=Other]',$f19);
      var newVal = "Rosemont";
      $oth.val(newVal).text(newVal);
    }
  });

});

使用jquery更改select标记的值

1 个答案: