Сделать выбор значения параметра нечувствительным к регистру/иметь несколько значений

Question

Моя форма получает предварительно загруженную нагрузку со значениями из строки запроса. В запросе, когда страна = Австралия, выбирается «Австралия». Но когда страна = АВСТРАЛИЯ или страна = австралия, ничего не выбирается.

Мой поле выбора:

<select id="country" name="country" style="border: 1px solid rgb(204, 204, 204); font-family: Arial,Helvetica,sans-serif; font-size: 9pt; width: 150px;"> 
    <option value="" selected="selected">Please select country</option> 
    <option value="Australia">Australia</option> 
    <option value="Austria">Austria</option> 
</select> 

Я думаю <option value="Australia, AUSTRALIA, australia"> бы заставить его работать. Как мне это сделать? Будет ли это (Can an Option in a Select tag carry multiple values?) вариантом?

В противном случае, как я могу сделать поле выбора поля незаметным для предпопуляции с значениями запроса?

JS для строки запроса добавил:

function populate(form) { 
    if (location.search == null || location.search.length < 1) return; // no querystring 
    var pairs = location.search.substring(1).split("+"); 
    for (var p = 0; p < pairs.length; ++p) { 
     var pair = pairs[p].split("="); 
     var name = pair[0]; 
     var value = unescape(pair[1].replace(/\+/g, " ")); 
     var fld = form.elements[name]; 
     var ftype = null; 
     var farray = false; 
     var atype = Array; 
     if (fld != null) { 
      if (fld.length != null && fld.length >= 1 && fld[0].type != null && fld[0].type != undefined) { 
       ftype = fld[0].type; 
       farray = true; 
      } else { 
       ftype = fld.type; 
      } 
     } 
     switch (ftype) { 
     case "text": 
     case "hidden": 
     case "textarea": 
      if (farray) fld = fld[0]; // only handle first-named for this type 
      fld.value = value; 
      break; 
     case "select-one": 
     case "select-multiple": 
      if (farray) fld = fld[0]; // only handle first-named for this type 
      for (var o = 0; o < fld.options.length; ++o) { 
       var opt = fld.options[o]; 
       var oval = opt.value; 
       if (oval == null || oval == "") oval = opt.text; 
       if (oval == value) { 
        opt.selected = true; 
        break; 
       } 
      } 
      break; 
     case "checkbox": 
     case "radio": 
      if (!farray) { 
       // single checbox or radio of that name: 
       fld.checked = true; 
      } else { 
       for (var cr = 0; cr < fld.length; ++cr) { 
        if (fld[cr].value == value) { 
         fld[cr].checked = true; 
         break; 
        } 
       } 
      } 
      break; 
     default: 
      alert("Unknown field type encountered for field " + name + ": " + ftype); 
      break; 
     } // end of switch 
    } // end of loop on fields from qs 
} 

Answer 1

Когда вы prepopulating (я предполагаю, что вы сравните значения в for цикле), сравнивать значения с .toLowerCase(). Например:

if (querystringValue.toLowerCase() === optionValue.toLowerCase()) { 
    // Select this option 
    break; 
} 

UPDATE:

Для вашего обновленного кода, я думаю, было бы здесь:

if (oval == value) { 
    opt.selected = true; 
    break; 
} 

Так измените его на:

if (oval.toLowerCase() === value.toLowerCase()) { 
    opt.selected = true; 
    break; 
} 

В зависимости если это применимо, вы можете сделать то же самое с вашим флажком/радио установка кнопок:

if (fld[cr].value == value) { 

Но это действительно зависит от вас.