1

MySQL からいくつかのデータを取得し、特定の選択タグに書き込みます。次に、選択したすべてのオプション値を取得して DIV に表示します。JavaScript は次のとおりです。

 function main() {
 $("select").change(function () {
 var str = "";

 $("select option:selected").each(function () {
    str += $(this).text() + " ";
  });

 $("div#one").text(str);
 })
  .trigger('change');

  }

したがって、取得した各値を個別の入力に書き込む必要があります。

First value: <input type="text" id="test" />
Second value: <input type="text" id="test2" />
Third value: <input type="text" id="test3" />

どうやってやるの？どうもありがとう！

4

2 に答える 2

0

選択したオプションを「div」タグに追加するには:

//empty div at start using .empty()
$("select").change(function () {
    //get the selected option's text and store it in map
    var map = $("select :selected").map(function () {
        var txt = $(this).text();
        //do not add the value to map[] if the chosen value begins with "Select"
        return txt.indexOf("Select") === -1 ? txt + " , " : "";
    }).get();
    //add it to div
    $("#one").html(map);
});

選択したオプションを「input」タグに追加するには:

//empty textboxes at start using .val("")
$("select").change(function () {
    var text = $(":selected", this).text() //this.value;
    //get the index of the select box chosen
    var index = $(this).index();
    //get the correct text box corresponding to chosen select
    var $input = $("input[type=text]").eq(index);
    //set the value for the input
    $input.val(function () {
        //do not add the value to text box if the chosen value begins with "Select"
        return text.indexOf("Select") === -1 ? text : "";
    });
});

統合デモ

http://jsfiddle.net/hungerpain/kaXjX/

于 2013-07-07T08:59:23.280 に答える