3

我正在将 Postcode 与我的 Web 项目集成到任何地方。我正在为县/州字段使用 drop drop。任何地方的邮政编码都会返回县的名称。当我只有名称时，我可以更改选定索引吗？（我正在使用与数据库字段相关的值字段的数字）。

我尝试了以下方法：

var f = document.getElementById("state_dropdown");
f.options.[f.selectedIndex].text = response[0].County;

我试图在此处包含下拉代码 html，但由于某种原因我无法使其正常工作。

但是，这当然只是更改了下拉列表中已选择的项目的文本字段。

我可以查询数据库并找出我分配给县的 ID，但如果有其他方法，我宁愿不这样做。

4

3 回答 3

2

循环选项直到你有一个匹配：

for (var i = 0; i < f.options.length; i++) {
    if (f.options[i].text == response[0].Country) {
        f.options.selectedIndex = i;
        break;
    }
}

演示。

于 2012-04-13T11:44:35.247 回答
2

我会创建一个函数并遍历标签：

见：http: //jsfiddle.net/Y3kYH/

<select id="country" name="countryselect" size="1">
<option value="1230">A</option>
<option value="1010">B</option>
<option value="1213">C</option>
<option value="1013">D</option>
</select>​

JavaScript

function selectElementByName(id, name) {
    f = document.getElementById(id);
    for(i=0;i<f.options.length;i++){
        if(f.options[i].label == name){
            f.options.selectedIndex = i;
            break;
        }
    }
}
selectElementByName("country","B");
于 2012-04-13T11:47:58.490 回答
1

只是其他答案的变体：

<script type="text/javascript">

function setValue(el, value) {
  var sel = el.form.sel0;
  var i = sel.options.length;
  while (i--) {
    sel.options[i].selected = sel.options[i].text == value;
  }
}

</script>
<form>
<select name="sel0">
  <option value="0" selected>China
  <option value="1">Russia
</select>
<button type="button" onclick="setValue(this, 'Russia');">Set to Russia</button>
<input type="reset">
</form>
于 2012-04-13T12:12:10.727 回答