1

ページに3つのjQueryUI「オートコンプリート」入力フィールドがあります。

<select id="combobox1"><?php putSome1ValuesHere(); ?></select>
<select id="combobox2"><?php putSome2ValuesHere(); ?></select>
<select id="combobox3"><?php putSome3ValuesHere(); ?></select>

そして、それらすべてをコンボボックスにすることはうまくいきます：

$(function() {
    $( "#combobox1" ).combobox();
    $( "#combobox2" ).combobox();
    $( "#combobox3" ).combobox();
});

私がやりたいのは、コンボボックスで選択された値に基づいて別のページにリダイレクトすることです。ボックスの1つに明示的に名前を付けると、これは正常に機能します。

select: function( event, ui ) {
    ui.item.option.selected = true;
    that._trigger( "selected", event, {
        item: ui.item.option
    });
    window.location.href = $('#combobox1').val() + ".php";
},

私ができないことは、クリックされたコンボボックスの値に基づいてリダイレクトすることです。3つのボックスのいずれかをクリックする可能性があるため、配線できません。ただし、「select」関数を呼び出したボックスの値にアクセスするためのjQueryについては十分に理解していません。どなたかアドバイスをいただければ幸いです。上記に十分な情報が含まれていると思いますが、何か必要な場合はお知らせください。ありがとう！

4

2 に答える 2

0

コンボボックスウィジェットコード内にselectは、非表示になっているselectタグのjQueryオブジェクトがあります

window.location.href = select.val() + ".php";

http://jsfiddle.net/YBFAr/を使用したデモselect.val()

于 2012-12-22T23:19:21.150 に答える
0

これを変える

select: function( event, ui ) {
  ui.item.option.selected = true;
  that._trigger( "selected", event, {
      item: ui.item.option
 });
 window.location.href = $('#combobox1').val() + ".php";
},

に

select: function( event, ui ) {
    ui.item.option.selected = true;
    that._trigger( "selected", event, {
    item: ui.item.option
    });
    window.location.href = $(this).val() + ".php";
},

お役に立てれば

于 2012-12-22T23:22:40.437 に答える