javascript - jqueryを使用してhtmlで選択したオプションを取得する方法

Question

id選択したオプションのを取得したい。ここに私のHTMLが表示されます。

<select name="zaal" id="zaal">
    <DIV CONTENTEDITABLE="FALSE" ID="MACONTAINER" MACONSTRAINT="" MAPARAMETER="ZALEN">
        <DIV CONTENTEDITABLE="TRUE" ID="MAITEM">
            <option value="~@ITEM.ID~" id="ZAALNAME">~ITEM.ID~, ~ITEM.NAME~</option>
        </DIV>
    </DIV>
</select>

私はこのようにやっています。

var selectVal = $("#zaal :selected").val();
var id = selectVal.substring(1);
console.log("id is: " + selectVal);

しかし、何らかの理由でそれは機能しません。

誰か助けてもらえますか？

編集

OK、divが問題です。しかし、データベースから値を取得するためにそれらが必要なので、選択以外の解決策を見つける必要があると思います。

Answer 1

$("#zaal option:selected").attr('value'); // will return you ~@ITEM.ID~

を取得するにはid

$("#zaal option:selected").attr('id'); // will return you ZAALNAME

id選択の変更を行うには、これを試してください：

$('#zaal').on('change', function() {

  // To get id
  $('option:selected', this).attr('id');

  $('option:selected', this).attr('value'); // return the value of selected option

  // To get the select box value
  var value = this.value;

});

Answer 2

これを試して：

var selectVal = $("#zaal option:selected").val();
var id = selectVal.substring(1);
console.log("id is: " + selectVal); 

Answer 3

HTMLは次のようになります

<select name="zaal" id="zaal">
  <option value="~@ITEM.ID~" id="ZAALNAME">~ITEM.ID~, ~ITEM.NAME~</option>
</select>

Answer 4

$('#zaal').change(function(){
    alert($($(this)+':selected').attr('id'));

});

フィドルhttp://jsfiddle.net/cBaZ7/1/

Answer 5

val()選択したオプションの値を取得します。それはではありませんid

だからこれを試してみてください：

 $("#zaal option:selected").attr("id")

Answer 6

多分試してください：

$("#zaal option:selected").val();

また、選択要素の外に div を移動してみてください。

Answer 7

この質問を見てください：

<div> および <select> タグ

<option>または<optgroup>の中にのみ入れることができます<select>。そこに何か他のものを入れたい場合は、何らかのリストを自分で作成する必要があります。

とにかくselect内にdivを入れたいのはなぜですか?

---

あなたがくれた HTML を (編集された文字列と共に) Google Chome 内に置くと、これがあなたのコードでできているものです:

<select name="zaal" id="zaal">
  <option value="x" id="ZAALNAME">X, Y</option>
</select>

Answer 8

$("#zaal option[value='0']").text()