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

演示。

Answer 2

您可以通过像这样处理选择下拉列表的更改事件来获取选定的值

$('#yourselectid').change(function(){
currentSelectedValue=$(this).val();
alert(currentSelectedValue);
})

工作小提琴

http://jsfiddle.net/yeZ3j/

更新的小提琴

http://jsfiddle.net/yeZ3j/1/

更新代码：

$('select').change(function() {
    currentSelectedValue = $(this).val();
    $('img').attr('src', 'mysite.com/images/' + currentSelectedValue + '.jpg');
    $('a').attr('href', 'mysite.com/images/' + currentSelectedValue + '.jpg');

    $('body').append('<br>currentSource of img is :' + $('img').attr('src') + ' and anchor is: ' + $('a').attr('href'))
});
$(function() {
    $('select').trigger('change')
})​

Answer 3

如果表单作为 GET 请求提交，那么这很容易。还记得给name选择一个属性。如果你想在服务器端进行并且name属性是“my_name”，那么 PHP 更改链接的值将如下所示：

$option = $_GET["my_name"];
$link_text = "<a href='mysite.com/pages/" . $option . ".jpg'>link</a>";
$img_text = "<img src='mysite.com/images/" . $option . ".jpg' />";
echo $img_text . "\n" . $link_text;