質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Knockout.js

KnockoutJSは、Model-ViewView-Model(MVVM)を用いたダイナミックなHTML ULのためのオープンソースのJavaScriptライブラリです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

ASP.NET MVC 4

ASP.NET MVC4は、MVCパターンを利用して、高度なテスト機能と保守機能を備えた Web アプリケーションを開発するためのフレームワークです。

Q&A

0回答

2346閲覧

Knockout.jsで動的に選択されたセレクトボックスの値取得について

k-taga

総合スコア10

Knockout.js

KnockoutJSは、Model-ViewView-Model(MVVM)を用いたダイナミックなHTML ULのためのオープンソースのJavaScriptライブラリです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

ASP.NET MVC 4

ASP.NET MVC4は、MVCパターンを利用して、高度なテスト機能と保守機能を備えた Web アプリケーションを開発するためのフレームワークです。

0グッド

0クリップ

投稿2019/07/20 23:52

以下のセレクトボックスから選択された値item1が取得できません。
<select id="select_id1" name="select1" data-bind="options:item1_list,optionsText:'Text', optionsValue:'Value',value:selecteditem1"></select>

上記のセレクトボックスの選択肢は下記セレクトボックスの選択された値から自動的に選択されます。
<select id="select_id2" name="select2">
@foreach(String item2 in Model.item2_list())
{
string selectedAttribute="selected";

<option value="@item2" @selectedAttribute>@item2</option> } </select>

■javascript
$(function(){
var ViewModel{
item1_list:ko.observableArray([]),
selecteditem1:ko.observable()
};

ko.applyBindings(ViewModel);

$("#select_id2").on('change',function(){
var item2 = $(this).val();
if(!item2){
ViewModel.item1_list([]);
}

$.ajax({
type:'GET'
//省略
data:{item2:item2},
dataType:'json',
chache:false,
success:function(data){
viewModel.item1_list(data);
viewModel.item1.selecteditem1('');
}

});

$("button1").on('click',function(){
var item1 = $('select[name="select1"]').val();
$.ajax({
type:'GET'
//省略
data:{item1:item1}, ←値の取得できない
datatype:'json',
cache:false,
success:function(data){
//省略
}
})
});

どうすれば正常に値を取得できますか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問