php - 使用值形式下拉菜单？

Question

我有一个这样的菜单:

<select>
<option value="21">option a</option>
<option value="13">option b</option>
<option value="21">option c</option>
</select>

根据选择的选项，我需要获得相应的值以在链接和图像的其他地方使用。 (它还需要在点击之前从默认选项中拉出)

<img src="mysite.com/images/[valuegoeshere].jpg">
<a href="mysite.com/pages/[valuegoeshere].jpg">

页面上的这些下拉菜单有几个独特的版本。

最简单的方法是什么？

Answer 1

在 $(document).ready() 上使用以下内容:

function update(val) {
  $("img").attr("src", "mysite.com/images/" + val + ".jpg");
  $("a").attr("href", "mysite.com/pages/" + val + ".jpg");
}

var defaultVal = $("select").change(function () {
  update(this.value); // update <img> and <a> with the newly selected value
}).val();

update(defaultVal); // update <img> and <a> with the default value

DEMO .