0

jQueryを使用して動的に入力される選択ボックスに問題があります。

基本的に、私のコードは、選択ボックス（utilityMainChart）に入力するphpスクリプトを呼び出します。選択ボックスutilityMainChartの2つのオプションが返されるとしましょう。次の選択ボックス（parameterMainChart）に、utilityMainChart選択ボックスの最初のオプションのオプションを入力します。

現在のように、選択ボックスは最初は適切に入力されますが、行var building = $（'＃utilityMainChart'）。val（）; 選択ボックスの値を返すことはありません。これは、選択ボックスに変更を加えると、値が取得されないため、その下のボックスが空白になることを意味します。

javascriptの私のコードを以下に示します。

var data = "1" + "_" + building + "_";
var url = "/charts/data/utilityManagerMenuPopulate.php?data=" + data;
$('#utilityMainChart').load(url);

var building = $('#utilityMainChart').val();
var data = "2" + "_" + building + "_" + utility;
var url = "/charts/data/utilityManagerMenuPopulate.php?data=" + data;
$('#parameterMainChart').load(url);

私のphpコードは次の形式でデータを返します：

<select id="utilityMainChart" name="utilityMainChart">
    <option selected value=1>Electricity</option>
    <option value=3>Water</option>
</select>

どんなアドバイスも素晴らしいでしょう。私はこれで何時間も遊んでいて、それを動作させることができません

4

1 に答える 1

1

変更してみてください

var building = $('#utilityMainChart').val();

に

var building = $('#utilityMainChart :selected').val();

編集：あなた#utilityMainChartは一意のIDではありません。それはselectとdivを含むselectの両方にあります。したがって、上記のコードを実行すると、divが取得されます。これを試してみると役に立ちます。

var building = $('select#utilityMainChart').val();
于 2011-02-18T14:30:26.830 に答える