3

JQueryUIドロップダウンがあります。実際に私は2を持っています。

最初のもので何かを選択し、チェックボックスをtrueに設定します。そのチェックボックスの.change()で、選択した値を最初のドロップダウンから2番目のドロップダウンにコピーします。

選択し$('#drop_1').val()た値を取得します。

で設定できると思いました$('#drop_1').val($('#drop_2').val())。残念ながら、これは通常のドロップダウンでのみ機能します。次のように値を設定する方法はありますか?

$('#drop_1').find('option:selected').text();

どうすればこれを行うことができますか?

これでうまくいき、今は機能しています。値は設定されましたが、UIに表示されませんでした。

var selected_campaign = $('#campaign_id').val();
$('#follow_campaign_id').val(selected_campaign);
$('#follow_campaign_id').next().find('input.ui-combobox-input').val($('#follow_campaign_id').children('option[value=' +selected_campaign+ ']').html());

修繕

4

3 に答える 3

3

selectjquery-uiautocompleteウィジェットでラップした場合:

元の選択は非表示になり、表示されるhtmlは入力です。

この入力の値も設定する必要があります:

function(){
    var newval = $('#drop_1').val();

    $('#drop_2').val( newval );
    //you will have to find the correct selector for your particular settings here.
    //I base this code on the jquery-ui demo (see link below) :
    var $input = $('#drop_2').sibling('span.ui-combobox').find('input');
    $input.val(newval);
}

コンボボックスウィジェットのjquery-uiデモ

于 2013-03-20T08:33:23.997 に答える
1

気にしないでください。クエストのUI部分を見逃しました。以下は、HTML専用です。

JQueryのAPIドキュメントは、次のようなものに非常に適しています:http: //api.jquery.com/val/。そうは言っても、これでうまくいくはずです。

<script type="text/javascript">
function setDrop2() {
// only change if checkbox is true
if ($('#check_1').is(':checked')) {
    $("#drop_2").val($("#drop_1").val());
}
}
</script>

<select id="drop_1">
  <option>option_1</option><option>option_2</option><option>option_3</option>
</select> drop_1  
<input type="checkbox" id="check_1" value="check1" onchange="javascript:setDrop2()"/> check_1
<select id="drop_2">
  <option>option_1</option><option>option_2</option><option>option_3</option>
</select> drop_2
于 2013-03-20T08:08:08.397 に答える
0

タグには兄弟がないため、兄弟属性を使用して入力にアクセスしようとすると、コードが爆破されます。親をヒットしてから、次のような入力を含むスパンを検索します。

$("#drop-2").parent().find("span input").val($("#drop_1");
于 2014-01-28T21:03:36.980 に答える