質問する
2445 次
5 に答える
2
あなたが望むのは、選択ボックス要素の外側のボタンで選択オプションを選択することだと思います。これは、Jquery を使用する任意の html で使用できます。
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function () {
$('body').on('click', '.btn', function(){
var id = $(this).attr("id");
$('.selectbox').children('option').each(function (key, option) {
if(id == $(option).attr('value')){
$(option).attr('selected', 'selected');
}
else{
$(option).removeAttr('selected');
}
});
});
});
</script>
</head>
<body>
<select class="selectbox">
<option value="2">Something</option>
<option value="3">BlaBlaBla</option>
<option value="7">bobobobob</option>
<option value="9">JOOOOPIE</option>
</select>
<button class="btn" id="2">Something</button>
<button class="btn" id="3">BlaBlaBla</button>
<button class="btn" id="7">bobobobob</button>
<button class="btn" id="9">JOOOOPIE</button>
</body>
</html>
これをテストしたところ、希望どおりに動作します。
于 2013-10-07T06:37:00.903 に答える
0
私がこれまでに理解したことは、このコードに問題はありません
function selectOptionDD(title) {
$(".selectDD").val(title);
}
そして、あなたが言ったように、次の行が機能していません。
<?php echo selected( $selected_value, $product_id, false ); ?>
そしてあなたが求めたもの
この関数を要素の外で使用する方法はありますか?
したがって、div 要素をクリックするとselectOptionDD、javascript で関数が呼び出されますが、ページが読み込まれると、データベースに保存されている可能性があり、現在$selected_value php変数にある最後の選択項目が表示されませんか? この場合、ページの最後で次のコードを実行することをお勧めします。
<script>
$(document).ready(function () {
// check if $selected_value is not an alien value
<?php if ($selected_value != null) { // or what ever in your case != '' or != 0 ?>
// save the value of $selected_value in to a javascript variable
var _selected_value = '<?php echo $selected_value; ?>';
// call your javascript function that actually calls onclick.
selectOptionDD( _selected_value );
<?php } ?>
});
</script>
私はあなたの質問を正しく理解しました..
于 2013-10-10T18:42:32.550 に答える
0
製品IDとともにグループID値を渡し、このようなクラスではなくIDで要素を取得して値を設定できます...
<div id="<?php echo $product_id; ?>" onclick="selectOptionDD(<?php echo $group_id; ?>,<?php echo $product_id; ?>)" ><?php echo get_the_title( $product_id ); ?></div>
<script type="text/javascript">
function selectOptionDD(groupId,title) {
$("#bto_item_options_"+groupId).val(title);
}
</script>
それが役に立ったことを願っています...
于 2013-10-07T11:32:51.340 に答える