我需要跟踪我选择了 1 到 5 的哪个选项。我不能使用 value 选项，因为我用它来存储图像。所以我计算选项的数量。下面的代码在 Firefox 中运行良好，但似乎脚本不能在 Chrome 或 Safari 下运行。还没有尝试过 IE 或 edge。请问有什么想法吗？示例在：http : //rtpcservices.com/count_options.php
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<span>Click a option!</span>
<select id="selected_image" name="selected_image" onchange="
$('#imageToSwap').attr('src', this.options[this.selectedIndex].value);">
<?php
echo '
<option value="' .$shop_name_pdo . '/images/' . $p_image_1 . ' ">Image 1</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_2 . ' ">Image 2</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_3 . ' ">Image 3</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_4 . ' ">Image 4</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_5 . ' ">Image 5</option>
</select>
';
?>
<script>
$( "option" ).click(function() {
// `this` is the DOM element that was clicked
var index = $( "option" ).index( this );
$( "span" ).text( "Image Selected_option #" + (index+1));
document.getElementById("selected_option").value = index;
});
</script>
使用更改事件
$( "#selected_image" ).change(function() {
var index = $( "option:selected" ).index();
$( "span" ).text( "Image Selected_option #" + (index+1));
$("#selected_option").val(index);
});
$( "#selected_image" ).change(function() {
var index = $( "option:selected" ).index();
$( "span" ).text( "Image Selected_option #" + (index+1));
$("#selected_option").val(index);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selected_image" name="selected_image">
<option value="' .$shop_name_pdo . '/images/' . $p_image_1 . ' ">Image 1</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_2 . ' ">Image 2</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_3 . ' ">Image 3</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_4 . ' ">Image 4</option>
<option value="' .$shop_name_pdo . '/images/' . $p_image_5 . ' ">Image 5</option>
</select>
<span></span>
<input type="text" id="selected_option">本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句